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

Posted wtaog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript ES6 数组属性方法及其扩展相关的知识,希望对你有一定的参考价值。

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()

 

以上是关于JavaScript ES6 数组属性方法及其扩展的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript ES6 - 对象扩展

JavaScript ES6 - 对象扩展

javascript es6 多维数组对象相同属性值{key:value}的求和

javascript es6 多维数组对象相同属性值{key:value}的求和

javascript es6 多维数组对象相同属性值{key:value}的求和

javascript ES6 新特性之 扩展运算符 三个点 ...