陣列的一些常用方法

2021-09-24 23:50:08 字數 2494 閱讀 1230

foreach、some

filter

let arr = [10,20,30,40,50,60];

let r = arr.filter( (item) => )

console.log( r ) [40,50,60]

slice

slice() 接受一或兩個引數,即要返回項的起始和結束位置

乙個引數,slice() 返回 從該引數指定位置開始到當前陣列末尾的所有項

兩個引數,返回起始和結束位置之間的項——不包括結束

let arr = [10,20,30,40,50,60];

arr.slice(0) [10,20,30,40,50,60]

arr.slice(1,3) [20,30] 不包括末尾

splice

三個引數

索引、要刪除的個數、要新增的東西

let arr = [10,20,30,40,50,60];

arr.splice( 1,3 ) [20,30,40]

arr.splice( 1,0,11 ) [10,11,20,30,40,50,60]

reverse陣列反轉

let arr = [1, 2, 3];

arr.reverse() // [3, 2, 1]

includes

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

arr.includes(3) // true

arr.includes(10) // false

concat

let arr = [1, 2, 3];

let newarr = arr.concat([4, 5, 6], [7, 8, 9]);

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

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

陣列合併

var arr = [1, 2, 3]

var brr = [4, 5, 6]

console.log( ...arr ) // 1 2 3

console.log( ...brr ) // 4 5 6

console.log( [...arr, ...brr] ) // [1, 2, 3, 4, 5, 6 ]

sort

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

console.log(arr.sort()); // [ 1, 10, 15, 5 ] 原因:它們比較的是轉換的字串值

// 從小到大排序

console.log(arr.sort(compare)); // [ 1, 5, 10, 15 ]

function compare(value1, value2) else if (value1 > value2) else

}

reduce

求和

let arr = [10,20,30,40,50,60];

let v = arr.reduce( (prev,cur) => )

console.log( v ) 210

push

新增至陣列末尾

pop

移除最後一項

shift

移除陣列中的第乙個項

unshift

新增至陣列第一位

map(必須有return)

let arr = [10,20,30,40,50,60];

let v = arr.map((item, index) => )

console.log(v) [20,40,60,80,100,120]

等價於arr.map( (item, index) => )

只包含乙個表示式,花括號和return可以省略

等價於arr.map( (item, index) => item * 2 )

陣列的一些常用方法

通過運用一些陣列的方法,能更有利方便的讓我們的陣列中的資料進行管理,那這些方法都是什麼,他們都用什麼作用呢?下面讓我來給大家詳解一下。先給定乙個陣列 var arr hello 1,2,3,world 下面就讓我們來通過陣列的一些常用方法來管理這些資料把!1.push 引數 任意個,任意值 返回值 ...

陣列常用的一些方法

1 push 向陣列的末尾新增新內容 引數 要新增的項。傳遞多個用逗號隔開,任何資料型別都可以 返回值 新增後陣列的長度 是否改變原陣列 改變 let ary1 12,34,26 ary1.push 100 返回乙個新的長度 length 4 console.log ary1 結果為 12,34,2...

陣列方法的一些常用方法

js的陣列的方法有很多,先介紹幾個基本的方法 註解 1.2.引數中括號的內容 可選是可不寫的引數 有預設值 不含是返回值不包含該位置元素 3.結果 只在我函式中加了引數的情況下才有 否則為無。而且只是給出陣列變化結果,並不一定是方法的返回值 4.為了簡短起見,下文會使用js中的一些型別名稱的縮寫 a...