es6数组必看太实用了

随着前后分离,前端人员也要写大量的逻辑代码,es5很多地方尤其是数据工具大拿数组,很多时候都是捉襟见肘。

继而,es6为我们扩展了很多good的工具和方法,让我们一起学习es6吧。

1原型方法from

遵循规则有点苛刻

let  json = {
    '0': 'websong',
    '1': '17岁',
    '2': 'web',
    length:3 //值得注意的是,key值必须是数字,并且最后还要有这个length
}
let arr=Array.from(json);
console.log(arr)
//我相信这个会在以后的版本里升级的吧,这种语法太鸡肋了。

2.find或者filter我认为没啥区别

let arr2=[1,2,3,4,5,6,7,8,9];
let arr2_new=arr2.find(function (vlue,i,t) {
    return vlue>5;
});//实例方法--查找
console.log(arr2_new);

3。fll替换,这让我想到了字符串中的增删查改

let arr=['websong','web','17岁'];
arr.fill('webStorm',1,2);//替换 很有意思,1=要替换的元素下标,2如果写0或者1,都没效果,所以我任务2是长度。如果写3它会把后面的17岁页替换
document.write(arr);

4.数组里的循环

有数组必有循环啊

强大的for of循环

//常规的
for(let itme of arr){
    console.log(itme)
}
//我只要key
for(let itme of arr.keys()){
    console.log(itme)
}
//我要键值成对儿的,
for(let itme of arr.entries()){
    console.log(itme)
}
//键值由我控制,想要就要不要就不要
 for(let [index,val] of arr.entries()){
    console.log(index+':'+val)
}

  有时候我们拿到后台返回的数组可能格式很复杂,也就是说它不规则

entries()帮我们很好的解决了这个问题----手动循环

let list=arr.entries();//如果是不规则的数组,就哦那个entries条目写法。手动循环。
console.log('**********')
console.log(list.next().value);
console.log('*******************');
console.log(list.next().value);
console.log('*******************');
console.log(list.next().value);

  

原文地址:https://www.cnblogs.com/webSong/p/7384998.html