提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
- 1、定义数组并输出
- 2、查询数组的长度
- 3、访问数组的第一个元素
- 4、访问数组中第一个元素的xxx属性
- 5、从数组元素中提取ID并存储到搜索参数对象
提示:以下是本篇文章正文内容,下面案例可供参考
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



















