JS数组与集合

2019-04-18

一维数组

创建

语法格式一：
数组名 = new Array(数组元素1,数组元素2… …);

语法格式二：
数组名 = [数组元素1,数组元素2 … … ];

语法格式二：
数组名 = new Array(数组大小);

语法格式三：
数组名 = new Array();

删除数组元素值

可以通过delete命令删除数组元素值，但仅是将元素设为undefined，数组长度没有改变

var arr = new Array(1, 2, 3, 4, 5);
delete arr[3]; 
document.write(arr.length + "
");    
for (var i = 0; i < arr.length; i++) {
    document.write(arr[i]+"
");
}

修改数组长度

    var arr = new Array(1, 2, 3, 4, 5);
     arr.length = 2; //缩减数组长度，后面的元素删除
     for (var i = 0; i < arr.length; i++) {
         document.write(arr[i]+"
");
     }   
     arr.length = 8; //扩充数组长度，新增元素值为undefined
     for (var i = 0; i < arr.length; i++) {
         document.write(arr[i]+"
");
     }

数组常用函数

方法	说明
join	此方法将数组元素组合为一个字符串，可以使用指定分隔符，如数组名.join("@");
push	此方法将一个或多个元素添加到数组末尾，并返回数组的新长度值
pop	此方法在从数组中删除最后一个元素之后返回该元素
shift	此方法从数组中删除第一个元素并返回该元素
splice(index,count)	删除从index处开始的count元素,并将被删元素返回
reverse	此方法反转数组元素并返回新的数组，其本身也会改变
sort	对数组元素按照字符串规则进行排序（升序）并返回新的数组，其本身也会改变。
slice(start,end)	此方法截取从start至end-1之间的元素返回。
concat(数组名… …)	连接多个数组返回
includes(元素)[ES7]	判断数组是否包含一个指定的值，如果包含则返回true，否则返回false

注意：JavaScript默认机制把数组中的每一项当成字符串方式来排序，可自定义回调函数实现数值排序

语法格式：

数组名.sort(function ( a, b ) {
    return a - b;
});
return a - b; //从小到大的方式进行排列
return b - a; //从大到小的方式进行排列

多维数组

非数值索引

var arr = new Array();
arr["山东省"]=["济南","青岛","烟台"];
arr["河北省"]=["石家庄","大连","秦皇岛"];
arr["山西省"]=["太原","大同","阳泉"];

说明：取非数值索引可以使用foreach遍历法

//语法格式：
for(var 临时变量 in 数组){
}

Set

var s=new Set();
s.add(1);
s.add(2);
s.add(2);//不显示，不允许重复值

for (var a of s){
    document.write(a+"
");
}

Map

const map = new Map([ [ 'name', '张三' ],[ 'password', '123456' ] ]);

//取键
for (var key of map.keys()) {
    console.log(key);
}

//取值
for (var value of map.values()) {
    console.log(value);
}

//取键值
for (var item of map.entries()) {
    console.log(item[0], item[1]);
}

map.forEach(function(value, key) {
 console.log("Key: %s, Value: %s", key, value);
});