数组类型

声明数组

houdunren.com (opens new window)@ 向军大叔
数组是多个变量值的集合，数组是Array 对象的实例，所以可以像对象一样调用方法。

#创建数组

使用对象方式创建数组
console.log(new Array(1, ‘后盾人’, ‘hdcms’)); //[1, “后盾人”, “hdcms”]
使用字面量创建是推荐的简单作法
const array = [“hdcms”, “houdunren”];
多维数组定义
const array = [[“hdcms”], [“houdunren”]];
console.log(array[1][0]);
数组是引用类型可以使用const声明并修改它的值
const array = [“hdcms”, “houdunren”];
array.push(“houdunwang”);
console.log(array);
使用原型的 length属性可以获取数组元素数量
let hd = [“后盾人”, “hdcms”];
console.log(hd.length); //2
数组可以设置任何值，下面是使用索引添加数组
let hd = [“后盾人”];
hd[1] = “hdcms”;
下面直接设置3号数组，会将1/2索引的数组定义为空值
let hd = [“后盾人”];
hd[3] = “hdcms”;
console.log(hd.length); //4
声明多个空元素的数组
let hd = new Array(3);
console.log(hd.length);
console.log(hd);

#Array.of

使用Array.of 与 new Array 不同是设置一个参数时不会创建空元素数组
let hd = Array.of(3);
console.log(hd); //[3]

hd = Array.of(1, 2, 3);
console.log(hd); //[1, 2, 3]

#类型检测

检测变量是否为数组类型
console.log(Array.isArray([1, “后盾人”, “hdcms”])); //true
console.log(Array.isArray(9)); //false

#类型转换

可以将数组转换为字符串也可以将其他类型转换为数组。

#字符串

大部分数据类型都可以使用.toString() 函数转换为字符串。
console.log(([1, 2, 3]).toString()); // 1,2,3
也可以使用函数 String 转换为字符串。
console.log(String([1, 2, 3]));
或使用join连接为字符串
console.log([1, 2, 3].join(“-“));//1-2-3

#Array.from

使用Array.from可将类数组转换为数组，类数组指包含 length 属性或可迭代的对象。

• 第一个参数为要转换的数据，第二个参数为类似于map 函数的回调方法

let str = ‘后盾人’;
console.log(Array.from(str)); //[“后”, “盾”, “人”]
为对象设置length属性后也可以转换为数组，但要下标为数值或数值字符串
let user = {
0: ‘后盾人’,
‘1’: 18,
length: 2
};
console.log(Array.from(user)); //[“后盾人”, 18]
DOM元素转换为数组后来使用数组函数，第二个参数类似于map 函数的方法，可对数组元素执行函数处理。

button
button