提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
- 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