ES6陣列基本操作

2021-10-04 03:01:22 字數 1969 閱讀 8150

es6合併陣列

方法1（es6中）

let arr4 = [...arr1, ...arr2, ...arr3]
方法2（es5中）

arr1.concat(arr2, arr3)
注意：這兩種方法都是淺拷貝，使用的時候需要注意

方法3

ary1.push(...ary2)
陣列的常用方法

例項方法：find()

let ary = [, 


]; let target = ary.find((item, index) => item.id == 2);//找陣列裡面符合條件的值，當陣列中元素id等於2的查詢出來，注意，只會匹配第乙個
注意：只會匹配第乙個，如果有多個也是匹配第乙個，如果沒有找到返回undefined

例項方法：findindex()

let ary = [1, 5, 10, 15];


let index = ary.findindex((value, index) => value > 9); 


console.log(index); // 2
注意：找出第乙個符合條件的陣列成員的位置，如果沒有找到返回-1

例項方法：includes()

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


[1, 2, 3].includes(4) // false
建構函式方法：array.from()

將偽陣列或可遍歷物件轉換為真正的陣列

//定義乙個集合


let arraylike = ; 


//轉成陣列


let arr2 = array.from(arraylike); // ['a', 'b', 'c']
方法還可以接受第二個引數，作用類似於陣列的map方法，用來對每個元素進行處理，將處理後的值放入返回的陣列

let arraylike = 


let newary = array.from(arraylike, item => item *2)//[2,4]
注意：如果是物件，那麼屬性需要寫對應的索引

例項方法 flat()

用於將巢狀的陣列「拉平」，變成一維的陣列。該方法返回乙個新陣列，對原資料沒有影響。

flat()預設只會「拉平」一層，如果想要「拉平」多層的巢狀陣列，可以將flat()方法的引數寫成乙個整數，表示想要拉平的層數，預設為1。

[1, 2, [3, [4, 5]]].flat()


// [1, 2, 3, [4, 5]]


[1, 2, [3, [4, 5]]].flat(2)


// [1, 2, 3, 4, 5]
陣列例項的 entries()，keys() 和 values()

keys()是對鍵名的遍歷

values()是對鍵值的遍歷

entries()是對鍵值對的遍歷

for (let index of ['a', 'b'].keys()) 


// 0


// 1
for (let index of ['a', 'b'].entries()) 


//[0, "a"]


//[1, "b"]
es6從陣列中刪除指定元素

arr.splice(arr.findindex(item => item.id === data.id), 1)

ES6 陣列操作

1 push 尾端插入，返回陣列長度let arr 1,hello true console.log arr.push 22 4 console.log arr,arr 1,hello true,22 console.log arr.push false,123 6 console.log arr,...

ES6之陣列操作

es6中對於陣列操作新增了4種方法 1.map 對映 乙個對應乙個 2.reduce 彙總 多個出來乙個 3.filter 過濾 4.foreach 迭代 迴圈。直接上 理解的更快 返回結果 上面的 表示 arr 裡面的元素，每個都乘以2，即每個元素都執行該方法。這個理解起來可能比map要略微複雜一...

es6 基本語法

es6規定暫時性死區和let const語句不出現變數提公升，主要是為了減少執行時錯誤，防止在變數宣告前就使用這個變數，從而導致意料之外的行為。這樣的錯誤在 es5 是很常見的，現在有了這種規定，避免此類錯誤就很容易了。總之，暫時性死區的本質就是，只要一進入當前作用域，所要使用的變數就已經存在了，但...