javascript数组

Posted 2020-08-30 starof

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript数组相关的知识，希望对你有一定的参考价值。

一、创建数组、数组操作

数组是指的有序集合。每个值叫做元素，每个元素，每个元素在数组中都有梳子位置编号，也就是索引。JS中数组是弱类型的，数组中可以含有不同类型的元素。数组元素甚至可以是对象或其它数组。

1、字面量创建数组

var arr=[1,true,null,undefined,{x:1},[1,2,3]]

可以用逗号间隔创建字面量数组,但是可读性比较差，不建议。

中括号里面有2个逗号(,)的话会被理解为2个undefined，最后一个逗号右边那个会被忽略掉。

2、数组大小

1~4,294,967,295（2^23-1）

3、new Array创建数组

new Array()参数可以为空或者，一个，或者多个参数。

var arr=new Array();//等价于arr=[];
var arrWithLength=new Array(100);//undefined*100
var arrLikesLiteral=new Array(true,false,null,1,2,"hi");
//等价于[true,false,null,1,2,"hi"]

new Array的new也可以省略

4、数组元素的读写

用delete删除数组元素后，长度不变

增数组元素

4种增加数组元素方法

var arr=[];
arr[0]=1;
arr[1]=2;
arr.push(3);
arr;//[1,2,3]

arr[arr.length]=4;      //尾增，等价于arr.push(4) 
arr;//[1, 2, 3, 4]

arr.unshift(0);        //头增
arr;//[0, 1, 2, 3, 4]

删数组元素

delete删除数组元素实际上是把数组元素变为undefined。

4种删除数组元素的方法如下：

arr; //[0, 1, 2, 3, 4]
delete arr[2];     
arr;//[0, 1, undefined × 1, 3, 4]
arr.length;
//5
2 in arr
//false


arr.length-=1
arr;
//[0, 1, undefined × 1, 3],4 is removed

arr.pop();
//3 returned by pop
arr;
//[0, 1, undefined × 1],3 is removed

arr.shift();
//0 returned by shift
arr;
//[1, undefined × 1]

二、二维数组、稀疏数组

稀疏数组：稀疏数组并不含有从0开始的连续索引。一般length属性值比实际元素个数大。

用new Array(1）只是创建了一个长度为1的数组，数组下标0【key 0】并不存在。

可以动态改变数组的长度，把数组长度变为100。

虽然通过arr1.length使得数组长度变为100，但javascript并不会自动创建从0 ~ 98的其它Key。

用逗号（,）留空的方式创建的数组也是稀疏数组。

遍历稀疏数组时用in操作符或者判断是否为undefined。

三、数组方法

数组的原型上有很多方法。

1、Array.prototype.join

join()方法将数组转化为字符串。常用。

应用场景比如拼一些url的参数，打印数组。

join()不传参数默认会以逗号隔开。

join()传入参数，以参数作为数组每个元素的分隔符。

写一个函数重复创建某个字符串n次。

空数组去join时undefined会被忽略掉。

2、Array.prototype.reverse[update20170507]

reverse()方法返回逆序后的数组。常用。原数组被修改。是一个in place operation，在原数组上操作。

MDN

The reverse method transposes the elements of the calling array object in place, mutating【改变】 the array, and returning a reference to the array.

reverse返回的是原数组的引用。

3、Array.prototype.sort

排序。原数组被修改。in place

sort默认按照字母排序。

自定义排序

从小到大：

如果要从大道小用b-a。

给对象排序。排序结果可以用forEach来查看。

4、Array.prototype.concat

数组合并。原数组没有被修改。

数组元素作为参数时会被拉平。数组只会被拉平一次。

如果参数是数组，并且数组的元素还是数组，里面的数组元素会被当成结果拉平。

var arr=[1,2,3];
arr.concat(4,5);//[1,2,3,4,5]

arr;//[1,2,3]原数组未被修改

arr.concat([10,11],13);//[1,2,3,10,11,13]
arr.concat([1,[2,3]]);//[1,2,3,1,[2,3]]