JavaScript ES6 数组属性方法及其扩展

Posted 2020-11-08 wtaog

1.  创建数组：

第一种是使用 Array 构造函数：

var arr1 = new Array(); //创建一个空数组
var arr2 = new Array(20); // 创建一个包含20项的数组
var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组

 

第二种基本方式是使用数组字面量表示法：

var arr4 = []; //创建一个空数组
var arr5 = [20]; // 创建一个包含1项的数组
var arr6 = ["lily","lucy","Tom"]; // 创建一个包含3个字符串的数组

 

2. 数组属性：

constructor
length
prototype

 

3. 数组的方法：

join()
push()和pop()
shift() 和 unshift()
sort()
reverse()
concat()
slice()
splice()
indexOf()和 lastIndexOf() （ES5新增）
forEach() （ES5新增）
map() （ES5新增）
filter() （ES5新增）
every() （ES5新增）
some() （ES5新增）
reduce()和 reduceRight() （ES5新增）

 

4. 数组、字符串转换

JSON.parse(‘[1,2,3]‘)[0]===1
eval("("+‘[1,2,3]‘+")")[0]===1 // 应避免使用eval
JSON.stringify([])==="[ ]"

 

5. 数组添加元素

let arr = []
arr.unshift(1) //数组开头添加,返回被添加的元素
arr.push(1) //数组结尾添加,返回被添加的元素
arr[arr.length]  和 push的方法一样
arr[index] //在指定位置替换和添加
 
arr.splice(index,howmany,item1,.....,itemX) // 添加、替换、删除数组成员的方法
index 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany    必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, ..., itemX    可选。向数组添加的新项目。

 

6. 数组删除元素

arrObj.pop(); // 移除最前一个元素并返回该元素值，数组中元素自动前移

arrObj.shift(); 

arrObj.splice()

 

7.截取和合并

以数组的形式返回数组的一部分，注意不包括 end 对应的元素，如果省略 end 将复制 start 之后的所有元素

arrObj.slice(start, [end]); 

 

将多个数组（也可以是字符串，或者是数组和字符串的混合）连接为一个数组，返回连接好的新的数组

arrObj.concat([item1[, item2[, . . . [,itemN]]]]); 

 

8.数组深拷贝

返回数组的拷贝数组，注意是一个新的数组，不是指向

arrObj.slice(0); 

 

返回数组的拷贝数组，注意是一个新的数组，不是指向

arrObj.concat(); 

 

因为数组是引用数据类型，直接赋值并没有达到真正实现拷贝，地址引用，我们需要的是深拷贝。

9. 数组排序

对数组元素排序，返回数组地址

arrObj.sort(); 

arrObj.reverse(); 

 

10.合并成字符

arrObj.join()