js回顧之常見陣列操作

2021-08-19 17:15:26 字數 2931 閱讀 5023

1功能:將陣列中所有元素都轉化為字串並連線在一起。

2輸入: 分隔符,預設為逗號

3輸出:分隔符分割的字串

4舉例:var a = [1,

2,3];2 a.

join

();

// =>"1,2,3"

3 a.

join

(";"

);// =>"1;2;3"

1 功能:將陣列中的元素顛倒順序。

2 輸入:無

3 輸出:逆序的陣列

4 舉例:

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

2 a.reverse.join()// =>"3,2,1"

1 var a = [22,33,11111,4444];

2 a.sort();// =>11111,22,33,4444

3 a.sort(function

(a,b));// => 22,33,4444,11111

6 a.sort(function

(a,b))// =>11111,4444,33,22

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

2 a.concat(4,5) // =>[1,2,3,4,5]

3 a.concat([4,5]) // =>[1,2,3,4,5]

4 a.concat(4,[5,[6,7]]) //[1,2,3,4,5,[6,7]]

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

2 a.slice(0,3);// =>[1,2,3]

3 a.slice(3);// =>[4,5]

4 a.slice(1,-1)// =>[2,3,4]

1 var a = [1,2,3,4,5,6,7,8];

2 a.splice(4) // =>[5,6,7,8];a [1,2,3,4]

3 a.splice(2,0,'a','b') // =>;a [1,2,a,b,3,4]

1 var stack = ;

2 stack.push(1,2);// =>stack:[1,2],返回2

3 stack.pop;// => stack: [1],返回2

1 [1,2,3].tostring() //

=>

'1,2,3'

10、foreach() 

功能:從頭至尾遍歷陣列,為每個元素呼叫指定函式 

輸入:輸入為乙個待遍歷函式,函式的引數依次為:陣列元素、元素的索引、陣列本身 

輸出:只是執行了遍歷函式,無特定返回 

舉例:

1 var

data = [1,2,3,4,5];

2 data.foreach(function(v,i,a)

);3 data // =>[2,3,4,5,6]

1 a = [1,2,3];

2 b = a.map(function

(x)); // =>[1,4,9]

1 a = [5,4,3,2,1];

2 smallvalues = a.filter(function

(x));// =>[2,1]

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

2 a.every(function

(x)) // =>true

16、array.from() 

功能:將兩類物件轉為真正的陣列:類似陣列的物件和可遍歷的物件 

輸入:待轉換的物件,第二個引數可選,作用類似於陣列的map方法,用來對每個元素進行處理,將處理後的值放入返回的陣列。 

輸入:陣列 

舉例:

1 let arraylike = ;

7 let arr2 = array.from(arraylike);//

=>['a','b','c']

1 array.of(2,11,3)// =>[2,11,3]

2 array.of(3)// =>[3]

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

.copywithin(0, 3) //=> [4, 5, 3, 4, 5]

1 [1,5,10,15].find(function

(value,index,arr))// =>10

1 ['a', 'b', 'c'].fill(7, 1, 2)

2 // =>['a', 7, 'c']

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

4 //

=>

05 //=>16

7 for (let elem of ['a', 'b'].values())

10 //

=>

'a'11 //

=>

'b'12 for (let [index, elem] of ['a', 'b'].entries())

//=>

0"a"

//=>

1"b"

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

true

[1, 2, 3].includes(4); //

false

[1, 2, nan].includes(nan); //

true

JS常見陣列操作

1 indexof判斷乙個陣列中某乙個元素是否存在,如果不存在返回 1 let i it arr.indexof 4 1 2 push向陣列中新增元素 arr.push 100 3 splice從陣列中刪除一些元素,插入一些元素 引數1 刪除的開始的索引的位置 引數2 刪除的數量 開始索引是刪除的起...

php 常見 陣列操作函式

檢查值 鍵 array key exists key,array 檢查陣列鍵 in array value,array 檢查值於陣列 獲取值 使用array values 取得陣列的值 carvalues array values car 取出陣列的鍵名 twokeys array keys two...

js陣列常見操作

var arr new array 1 新增元素 arr.push a arr.push b arr.push c 乙個引數 arr.push d e 二個引數 arr.push f g 引數為陣列 2 刪除元素 1 刪除元素方式一 arr.splice 陣列下標,刪除個數 陣列下標從0開始 刪除個...