js常用的陣列方法

2022-08-26 17:45:13 字數 2819 閱讀 1853

1.filter() 不會改變原始陣列,新陣列中的元素是過濾指定陣列中符合條件的所有元素

兩種寫法區別:有return 的加了{},否則沒有return不需要加{}

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.filter((item, index, self) => )

console.log(bb);  //  [1, 2, 3, 4, 5, 6]

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.filter((item, index, self) =>

self.indexof(item) === index

)console.log(bb); //  [1, 2, 3, 4, 5, 6]

es6陣列去重寫法:

var arr = [1, 2, 3, 4, 4, 5, 6, 6];

var set = new set(arr);

var newarr = array.from(set);

console.log(newarr); // [1, 2, 3, 4, 5,6]

2.map() 不會改變原始陣列,新陣列中的元素為按原始陣列順序依次處理元素後的值,同樣有兩種寫法

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.map((item) => )

console.log(bb); //  [1, 4, 9, 16, 16, 25, 36, 36]

3.every() 不會改變原始陣列,檢測陣列所有元素是否都符合指定條件,全部通過返回true,否則返回false(所有項滿足返回true)

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.every((item) => )

console.log(bb); //  false

4.some() 不會改變原始陣列,檢測陣列中的元素是否滿足指定條件,只要有乙個通過返回true,否則返回false(只要一項滿足返回true)

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.some((item) => )

console.log(bb); // true

5.findindex() 不改變原始陣列,找到符合條件的陣列第乙個元素位置

var aa = [1, 2, 4, 4, 5];

var bb = aa.findindex(item => );

console.log(bb); // 2

6.find()不改變原始陣列,找到符合條件的陣列的第乙個元素的值

var aa = [1, 2, 4, 4, 5];

var bb = aa.find(item => );

console.log(bb); // 4

7. slice() 不會改變原始陣列,從已有的陣列中返回選定的元素,擷取組成新字串(陣列擷取)

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.slice(2,4)

console.log(bb); // [3, 4]

8.splice()改變原始陣列,用於新增或刪除陣列中的元素(陣列更新)

第乙個元素是從何處新增/刪除元素,第二個元素是刪除多少元素,第三個元素(不必填)是要新增到陣列的新元素

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

aa.splice(3,4,2)   // 從第3位開始刪除4個元素,並把2新增進刪除的位置

console.log(aa); //[1, 2, 3, 2, 6]

9.join()不改變原陣列,陣列轉字串

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.join()

console.log(bb); // 1,2,3,4,4,5,6,6

10. split()不改變原字串,字串變陣列

var aa = '1,2,3,4,4,5,6,6';

var bb = aa.split(',')

console.log(bb); // ["1", "2", "3", "4", "4", "5", "6", "6"]

11. 遍歷陣列方法 keys()、values()、entries()

keys()是對鍵名的遍歷

let aa = ["a", "b", "c", "d"];

for (let index of aa.keys())

values()對鍵值的遍歷

let bb = ["a", "b", "c", "d"];

for (let item of bb.values())

entries()是對鍵值對的遍歷

let arr = ["a", "b", "c", "d"];

for (let i of arr.entries())

for (let [index, item] of arr.entries())

js 常用陣列方法

陣列常用方法 都不改變原陣列 1.foreach function item,index,array 遍歷陣列 var arr 1 2,3 4,5 6 arr.foreach function item,index 1 0 1,2,3,4,5,6 2 1 1,2,3,4,5,6 3 2 1,2,3,...

js常用的陣列方法

1.1 空陣列 var obj new array 1.2 指定長度陣列 var obj new array size 1.3 指定元素陣列 var obj new array 元素1,元素2,元素n 1.4 單維陣列 var obj 元素1,元素2,元素3,元素n 1.5 多維陣列 var a n...

js常用的陣列方法

在js中常用的資料 splice 從什麼位置開始,插入幾個,開始填充 splice 從什麼位置開始,需要刪除多少個元素 push 可以push 多個值,用逗號隔開 返回的是push後的陣列長度 unshift 在陣列前新增數值 返回的也是新增後的陣列長度 pop 刪除陣列中的最後一條資料 返回的是刪...