当前位置：首页 > news >正文

js的数组、对象自定义、JSON转换

news 2026/7/10 14:56:42

一、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();