了解JS数组元素及属性

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

提示：以下是本篇文章正文内容，下面案例可供参考

1、定义数组并输出

let abc = [{id:123,code:"abc"}];

这里定义了一个名为 abc 的数组，它包含一个对象。这个对象有两个属性：id 和 code

输出展示 abc 数组：

1、 abc：
这一行代码表示访问数组 abc 中的第一个元素（索引为0）是一个对象。由于 abc 只有一个元素 {id: 123, code: 'abc'}，所以结果就是：

0: {id: 123, code: 'abc'}

2、查询数组的长度

由于 abc 数组包含一个元素，abc.length 的值将为 1。

let abc = [{id:123,code:"abc"}];
console.log(abc.length); // 输出: 1

这里的 abc.length 返回数组中元素的数量，即数组的长度。

在这个例子中，abc 只包含一个元素，所以 abc.length 的值为 1。

3、访问数组的第一个元素

当输入 abc[0] 并执行时，此时正在访问数组 abc 中索引为0的元素

由于 abc 数组包含一个对象，这个对象具有 id 和 code 两个属性还有各自对应的值，因此输出将是这个对象本身：

{id: 123, code: 'abc'}

简单总结一下：

• 数组定义：let abc = [{id:123,code:"abc"}];
• 访问元素：abc[0] 返回数组中的第一个元素。
• 输出：{id: 123, code: 'abc'} 表示这个元素是一个具有 id 和 code 属性的对象。

4、访问数组中第一个元素的xxx属性

1、输入 abc[0].code 并执行时，访问数组 abc 中第一个元素的 code 属性

let abc = [{id:123,code:"abc"}];
console.log(abc[0].code); // 输出: "abc"

2、输入 abc[0].id 并执行时，访问数组 abc 中第一个元素的 id 属性

let abc = [{id:123,code:"abc"}];
console.log(abc[0].id); // 输出: 123

5、从数组元素中提取ID并存储到搜索参数对象

1、创建一个空的对象：

let searchParams = {};

2、从数组 abc 中获取第一个元素的 id 属性值，并赋给 searchParams 的 id 属性：

searchParams.id = abc[0].id;

这行代码访问数组 abc 中索引为0的元素，即数组的第一个元素，并获取该元素的 id 属性

由于数组 abc 包含一个对象 {id: 123, code: "abc"}，abc[0].id 的值为 123。然后将这个值赋给 searchParams 对象的一个新属性 id

也就是说searchParams 现在是一个具有 id 属性的对象，其值为 123

3、输入 searchParams 并执行，执行后将看到 searchParams 对象的内容

由于之前设置了 searchParams.id = abc[0].id，那么 searchParams 应该包含一个 id 属性，其值是从 abc[0] 中获取的 id 值。

由于 abc[0].id 的值是 123，所以 searchParams 的输出应该是：

{id: 123}

也就是说 searchParams 现在是一个对象，其中包含一个名为 id 的属性，其值为 123