分享更有价值
被信任是一种快乐

es6中新增的数组方法怎么使用

文章页正文上

本文小编为大家详细介绍“es6中新增的数组方法怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“es6中新增的数组方法怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 es6数组方法有:1、Array.from(),用于将类数组对象或可遍历对象转为真正的数组;2、Array.of(),用于将一组值,转为数组;3、copyWithin(),用于在当前数组内部,将指定位置的成员复制到其他位置;4、fill();5、find();6、findIndex();7、includes();8、entries();9、keys();10、values()。toSource() 返回该对象的源代码。toString() 把数组转换为字符串,并返回结果。toLocaleString() 把数组转换为本地数组,并返回结果。valueOf() 返回数组对象的原始值Array方法Array.from()用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。

letarrayLike={
'0':'a',
'1':'b',
'2':'c',
length:3
};

letarr2=Array.from(arrayLike);//['a','b','c']

Array.from还可以接受第二个参数,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。

Array.from(arrayLike,x=>x*x);
//等同于
Array.from(arrayLike).map(x=>x*x);

Array.from([1,2,3],(x)=>x*x)
//[1,4,9]

Array.of()用于将一组值,转换为数组。

Array.of(3,11,8)//[3,11,8]
Array.of(3)//[3]

实例方法会改变原数组copyWithin()在当前数组内部,将指定位置的成员复制到其他位置(会覆盖原有成员),然后返回当前数组。

array.copyWithin(target,start=0,end=this.length);

target(必需):从该位置开始替换数据。如果为负值,表示倒数。start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒数。end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒数。

//将3号位复制到0号位
[1,2,3,4,5].copyWithin(0,3,4)
//[4,2,3,4,5]

//-2相当于3号位,-1相当于4号位
[1,2,3,4,5].copyWithin(0,-2,-1)
//[4,2,3,4,5]

fill()使用给定值,填充一个数组。

['a','b','c'].fill(7);//[7,7,7]

letarr=newArray(3).fill([]);
arr[0].push(5);//[[5],[5],[5]]

不会改变原数组find()用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。
find方法的回调函数可以接受三个参数,依次为当前的值、当前的位置和原数组。

[1,4,-5,10].find((n)=>n9;
})//10

findIndex()findIndex方法的用法与find方法非常类似,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。

[1,5,10,15].findIndex(function(value,index,arr){
returnvalue>9;
})//2

includes()返回一个布尔值,表示某个数组是否包含给定的值。

[1,2,3].includes(2)//true

entries(),keys() 和 values()ES6提供了三个新方法:entries()、keys()和values(),用来遍历数组。它们都返回一个遍历器对象,可以用for…of循环进行遍历,唯一的区别是keys()是对数组的键名的遍历、values()是对数组键值的遍历,entries()方法是对数值的键值对的遍历。

for(letindexof['a','b'].keys()){
console.log(index);
}
//0
//1

for(letelemof['a','b'].values()){
console.log(elem);
}
//'a'
//'b'

for(let[index,elem]of['a','b'].entries()){
console.lo免费云主机、域名g(index,elem);
}
//0"a"
//1"b"

如果不使用for…of循环,可以手动调用遍历器对象的next方法,进行遍历。

letletter=['a','b','c'];
letentries=letter.entries();
console.log(entries.next().value);//[0,'a']
console.log(entries.next().value);//[1,'b']
console.log(entries.next().value);//[2,'c']

读到这里,这篇“es6中新增的数组方法怎么使用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注云技术行业资讯频道。

相关推荐: react key报错如何解决

这篇文章主要介绍“react key报错如何解决”,在日常操作中,相信很多人在react key报错如何解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”react key报错如何解决”的疑惑有所帮助!接下来,请跟着小编一起来学…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册