陣列方法總結

2021-09-11 17:45:55 字數 3792 閱讀 3163

js的裡面的陣列方法有很多,平時開發中常用的如foreach、map、filter等等,接下來是對陣列方法的一些使用和總結,方便日後查閱。

var a = [1,2,3,4]

console.log(a.join()); // "1,2,3,4"

console.log(a.join(""); // "1234"

console.log(a.join(" ")); // "1 2 3 4"

console.log(a.join("-")); // "1-2-3-4"

複製**

var a = ['a','b','c','d']

console.log(a.reverse()); // ["d", "c", "b", "a"]

複製**

var a = ['aa', 'dd', 'bb', 'cc']

console.log(a.sort()); // ["aa", "bb", "cc", "dd"]

var a = [20,10,5,2,3,4]

console.log(a.sort()); // [10,2,20,3,4,5] ???? 沒有進行排序???

複製**

-這種情況是why?

原因:[在排序的時候,sort方法會去呼叫陣列每一項的tostring方法,不管陣列元素是什麼型別,都將轉成字串進行比較]

可以通過以下方式來解決上述問題

var a = [20,10,5,2,3,4]

function

sequence(a,b)

7console.log(arr.sort(sequence)); // [2,3,4,5,10,20]

//[總結]:

// a.若 a 小於 b,在排序後的陣列中 a 應該出現在 b 之前,則返回乙個小於 0 的值。

// b.若 a 等於 b,則返回 0。

// c.若 a 大於 b,則返回乙個大於 0 的值

複製**

var a = ['a','b']

console.log(a.concat([3,4,5])) // ["a", "b", 3, 4, 5]

console.log(a) // ['a','b']

複製**

var a = ['a','b']

console.log(a.push('c')) // 3 返回陣列長度

console.log(a) // ['a','b','c']

console.log(a.pop()) // 'c' 返回末尾刪除的元素

console.log(a) // ['a','b']

複製**

var a = ['a','b']

console.log(a.shift()) // 'a' 返回刪除第一項元素

console.log(a) // ['b','c']

console.log(a.unshift()) // 3 返回新增元素後陣列長度

console.log(a) // ['a','b','c']

var a =

console.log(a.shift()) // undefined 當陣列為空時,返回undefined

複製**

var a = [1,3,5,7,9]

console.log(a.slice(2)) // [5,7,9] 從下標2開始一直擷取到最後

console.log(a) // [1,3,5,7,9]

console.log(a.slice(2,4)) [5,7] // 從下標2開始擷取到下標4的元素,不包含下標為4的值

console.log(a.slice()) // [1,3,5,7,9]

console.log(a.slice(1,-2)) // [3,5] 終止下標為負數,出現負數時,將負數加上陣列長度的值來替換該位置的數(1,3)

console.log(a.slice(-4,-1)) // [3,5,7] 兩個值都為負數時,都加上陣列長度值(1,4)

複製**

var a = [1,3,5,7,9]

console.log(a.splice(1,3)) // [3,5,7]

console.log(a) // [1,9]

var a = [1,3,5,7,9]

console.log(a.splice(1,0,2,3)) // [1,2,3,3,5,7,9]

var a = [1,3,5,7,9]

console.log(a.splice(1,2,2,3) // [1,2,3,7,9]

複製**

var a = [1,3,5,7,9]

console.log(a.indexof(9)) // 4

console.log(a.lastindexof(9)) // 4

var a = [1,3,3,5,7,7,9]

console.log(a.indexof(3)) // 1 預設從前向後找

console.log(a.lastindexof(3)) // 2 預設從後向前找

複製**

var arr = [1,3,5,7,9];

arr.foreach(function(item, index, arr));

// 1-0-true 3-1-true 5-2-true 7-3-true 9-4-true

// item表示陣列每項的值,index表示下標,arr原陣列

複製**

var arr = [1,3,5,7,9];

var arr2 = arr.map(function(item));

console.log(arr2) // [2,6,10,14,18]

複製**

var arr = [1,3,5,7,9];

var arr2 = arr.filter(function(item,index));

console.log(arr2) // [5,7,9]

複製**

var arr = [1,3,5,7,9];

var arr2 = arr.every(function(item));

console.log(arr2) // true

var arr2 = arr.every(function(item));

console.log(arr2) // false

複製**

var arr = [1,3,5,7,9];

var arr2 = arr.some(function(item));

console.log(arr2) // true

var arr2 = arr.some(function(item));

console.log(arr2) // false

複製**

var arr = [1,3,5,7,9];

var sum = arr.reduceright(function(prev, cur, index, array),10);

console.log(sum) // 35

複製**

陣列方法總結

陣列方法 foreach mapfilter some every indexof lastindexof reduce reduceright splice join sort reverse push popunshift shift concat 1.foreach foreach是array...

陣列方法總結

上週沒事的時候把自己對陣列方面的理解做了一下總結,知識點不深,方便以後的查閱。1.物件繼承方法 物件繼承方法tostring tolocalstring valueof tostring 返回的結果是去掉陣列兩邊的 tolocalstring 和前者相同,而valueof 返回的則是陣列本身 var...

JS陣列方法總結

1 轉換方法 tostring 返回陣列的字串表示,每個值的字串表示拼接成乙個字串,中間以逗號隔開。tolocalestring valueof var colors red blue yellow console.log colors.tolocalestring red,blue,yellow ...