一、JavaScript的数组使用
数组是方便存放大量元素,方便访问每个元素。
1、定义
js的数组中元素类型允许出现不同情况。
<script>
// 1、第一种数组定义方法
// 每个元素用","隔开
var a = [1, 2, 3];
var b = [1, 2, 3, "hello"];
// 2、第二种数组定义方法
// Array是数组类,传入元素列表
var k = new Array(1, 2, 3);
</script>
2、使用
// 取值格式:
// 下标是从0开始,取正整数
数组名[下标]
// 案例:
var k = [1, 2];
// 打印元素0的值
console.log("第0号元素:" + k[0]);
// 赋值格式:
数组名[下标] = 新的值;
// 案例:
var k = [1, 2];
// 给第0号元素设为8
k[0] = 8;
3、其他
js数组还支持多维形式。
// 1、定义二维数组
var a = [
[1, 2],
[3, 4]
];
// 2、使用二维数组
// 取值格式如下:
数组名[一维下标][二维下标];
// 案例:
// 取一维的0号元素,取二维的1号元素
console.log(a[0][1]);
for循环遍历:
// 1、定义数组
var k = [1, 2];
// "数组名.length" 返回数组的元素个数
// 从下标0访问到下标"k.length - 1"
for(var i = 0; i < k.length; i++){
console.log(k[i]);
}
二、js对象的定义和使用
(一)简单定义和使用
1、直接指定键值对
对象用一对{}包围。
属性名和属性值用":"隔开。
每个键值对用","隔开。
var 变量 = {
名字: 值,
名字: 值
}
2、使用案例:
允许基本类型和函数类型的属性。
var obj = {
"name": "小明",
"sex": "男",
"printHello": function(){
console.log("hello");
}
}
// 用对象名["属性名"] 来获取属性值
console.log(obj["name"]);
// 用对象名.函数名(实参列表) 来调用函数
obj.printHello();
(二)构造函数的使用
1、构造函数
function 类名(参数列表){
this.属性名 = 值;
this.函数名 = function(参数列表){
函数体
}
}
2、案例
// 定义用户类
function User(n, s){
this.name = n;
this.sex = s;
this.printHello = function(){
console.log("hello");
};
}
// 初始化对象
var u1 = new User("小明", "男");
// 使用属性值
console.log(u1.name);
// 调用函数
u1.printHello();
三、对象和字符串的转换
1、对象转JSON字符串
使用JSON.stringify(对象)来转换。
// 定义对象
var obj = {
"name": "小明",
}
// 转成JSON字符串
var str = JSON.stringify(obj);
2、JSON对象转js对象
使用JSON.parse(字符串)来转换。
// 定义字符串
var str = "{\"name\": \"小明\"}";
// 转成js对象
var obj = JSON.parse(str);