随着前后分离,前端人员也要写大量的逻辑代码,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);