隨着前后分離,前端人員也要寫大量的邏輯代碼,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);
