ES6 Array

類數(shù)組、可遍歷 對象(arguments selector返回的對象)轉(zhuǎn)成數(shù)組

let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    '3': 'd',
    length: 4  
};

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

Array.from()

var arr2 = Array.from([1, 2, 3], (x)=>x*x)  //  [1,4,9]
// 等同于Array.from(arrayLike).map(x => x * x);

Array.of()

var arr3 = Array.of(3, 11, 8)   // [3,11,8]
var arr4 = Array.of(3)          // [3]
var arr5 = Array.of(3).length   // 1

Array.copyWithin()

// [].copyWithin() 1是截取段的起始位置,4-6是截取區(qū)間
var arr6 = [33, 44, 55, 66, 77, 88].copyWithin(1, 4, 6) //[33,77,88,66,77,88],會改變原數(shù)組

Array.find()

var arr7 = [1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
}) // 10,沒有就返回underfined

Array.findIndex()

var arr8 = [1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 119;
}) // 2,沒有就返回-1
var index = [NaN].findIndex(y => Object.is(NaN, y)) //0

遍歷keys values entries

for( let index of ["L", "X", "D", "Y"].keys()){
    //console.log( index )
}

for( let value of ["L", "X", "D", "Y"].values()){
    //console.log( value )
}

for( let [index, value] of ["L", "X", "D", "Y"].entries()){
    //console.log( index +" : "+value )
}

array.includes()

//array.includes(),第二個參數(shù)表示起始位置
[1, 2, 3].includes(2);     // true
[1, 2, 3].includes(4);     // false
[1, 2, NaN].includes(NaN); // true
[1, 2, 3].includes(3, 3);  // false
[1, 2, 3].includes(3, -1); // true

array.forEach()

// forEach方法
[,'z'].forEach((x,i) => console.log(x)); // z

array.filter

// filter方法
var arr10 = ['a',,'b'].filter(x => true) // ['a','b']
console.log(arr10)

array.every

// every方法
var arr11 = [,'a'].every(x => x==='a') // true
console.log(arr11)

array.some

// some方法
var arr12 = [,'a'].some(x => x !== 'a') // false
console.log(arr12)

array.map

// map方法
var arr13 = [,'a'].map(x => 1) // [,1]
console.log(arr13)

array.join

// join方法
var arr14 = [,'a',undefined,null].join('#') // "#a##"
console.log(arr14)

array.toString

// toString方法
var arr15 = [,'a',undefined,null].toString() // ",a,,"
console.log(arr15)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 數(shù)組的擴(kuò)展--轉(zhuǎn)自:阮一峰《ECMAScript 6 入門》 Array.from( Array.from方法用于...
    呼呼哥閱讀 650評論 0 0
  • 1.Array.from Array.from方法用于將兩類對象轉(zhuǎn)為真正的數(shù)組:類似數(shù)組的對象(array-lik...
    趙然228閱讀 738評論 0 0
  • 在日常編程過程中,我們總要對數(shù)組進(jìn)行操作。然而使用最原始的js代碼效率很低,而ES6提供了很多方法,極大的提高了我...
    小焲閱讀 1,782評論 1 0
  • 三,字符串?dāng)U展 3.1 Unicode表示法 ES6 做出了改進(jìn),只要將碼點放入大括號,就能正確解讀該字符。有了這...
    eastbaby閱讀 1,672評論 0 8
  • 還好林綿綿看不到,林岳這個大燈泡杵在許若年的背后看著這倆上演瓊瑤劇,簡直覺得有趣極了,看來自己之前太小心翼翼,根本...
    米來Mina閱讀 414評論 8 3

友情鏈接更多精彩內(nèi)容