陣列常用的Api

2022-07-07 05:18:20 字數 3657 閱讀 2683

建立陣列的基本方式如下:

1.new array(),當引數是乙個數值時,代表的是建立了乙個長度為該數值的陣列,當引數是除了數值的其他型別的值的時候,則會建立乙個只包含該特定值的陣列

2.字面量let personal =let values= [1,3,4,6]

3array.from() es6新增的建立陣列的靜態方法,第乙個引數是乙個類陣列物件

//

字串會被拆分成單字元陣列

console.log(array.from('hahahaha'));

對現有陣列進行淺複製

let one = [1,3,5,7]

let two =array.from(one)

console.log(two);

//[1,3,5,7]

4 array.of() 定義陣列,可以把一組引數轉換為陣列

console.log(array.of(1,2,3,4));  //

[1,2,3,4]

console.log(array.of(undefined)); //

[undefined]

陣列的排序方法reverse()反向排序

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

arr.reverse()

console.log(arr);

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

sort() 可用於公升降序 引數是乙個函式

let values = [1,7,5,3,4,9,2]

values.sort((a,b) =>)

console.log(values);

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

let values = [1,7,5,3,4,9,2]

values.sort((a,b) =>)

console.log(values);

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

foreach:陣列遍歷 會改變原陣列

let arr =[,,

,,]arr.foreach(item =>)

map:將陣列對映成另乙個陣列

let arr =[,,

,,]let newarr = arr.map(item =>item.content)

console.log(newarr);

//["車厘子", "士多啤梨", "蘋果", "葡萄"]

filter:把符合條件的元素過濾到新的陣列

假定有兩個陣列(a,b),根據a中id值,過濾掉b陣列不符合的資料

find:斷言函式 接收3個引數:元素 索引 陣列本身  find() 返回符合條件的第乙個匹配的元素

every 和 some  every() 當陣列元素每個都符合條件,some()當陣列元素是否有符合條件

let people =[,,

,];let arr = people.every((item) => item.age > 20);

let arr2 = people.some(item => item.age > 33)

console.log(arr);

//true

console.log(arr2); //

true

let arr = [10,20,30,40]

let count = arr.reduceright(function

(prve,curr),0) //

prve 的初始值為0

console.log(count); //

100

陣列的其他方法:push(): 尾增,返回陣列的新的長度pop(): 尾刪,返回被刪的元素

unshift(): 頭增,返回陣列新的長度

shift(): 頭刪,返回被刪的元素

concat(): 合併生成乙個新的陣列

splice(): 陣列刪除/新增元素  3個引數時,從第1個引數位置開始,刪除第2個引數個數元素,增加第3個引數元素 (該方法直接修改元素組)

slice() 擷取,生成新的陣列

join():用於把陣列中的所有元素放入乙個字串。元素是通過指定的分隔符進行分隔的

includes() 方法返回乙個布林值,表示某個陣列是否包含給定的值

陣列常用API

var color red green blue var color2 yellow black brown var color3 color.concat color2 concat 是將引數傳遞進來的陣列內容 拼接到呼叫者後面,不修改原陣列 var color4 color.tostring 陣...

陣列常用API

陣列常用api push 末尾新增 pop 末尾刪除 unshift 開頭新增 concat 開頭刪除 reserver 顛倒陣列 sort 排序 join 將陣列轉換成字串 splice 刪除 替換 插入 slice 切割陣列 indexof data,start 查詢關鍵字 es5新增 第乙個下...

陣列常用api

push 尾部新增 語法 arr.push 返回值 新增完資料後陣列的長度 會改變元素組 var arr 10,20,30,40 var newarr arr.push 50 console.log arr,newarr unshift 頭部新增 語法 arr.unshift 返回值 新增完資料後陣...