Js中陣列的常用操作

2021-09-22 21:02:05 字數 3535 閱讀 2741

1. push

例:var arr=[1,2,3,4];

var a=arr.push(9,8,7);

輸出:console.log(a,arr);1,2,3,4,9,8,7;

push屬性:可以將乙個或者更多的引數新增在陣列的尾部;返回新增後的陣列的長度,原陣列發生改變。

2. unshift

例:var arr=[1,2,3,4];

var a=arr.unshift(9,8,7);

輸出:console.log(a,arr);9,8,7,1,2,3,4;

unshift屬性:可以將乙個或者更多的引數新增在陣列的頭部;返回新增後的陣列的長度,原陣列發生改變。

3. pop

例:var arr=[1,2,3,4];

var a=arr.pop();

輸出:console.log(a,arr)4;1,2,3,

pop屬性:從陣列尾部刪除乙個元素,返回這個被刪除的元素,原陣列發生改變

4. shift

例:var arr=[1,2,3,4];

var a=arr.pop();

輸出:console.log(a,arr)1; 2,3,4,

shift屬性:從陣列頭部刪除乙個元素,返回這個被刪除的元素,原陣列發生改變。

1. slice用法:

2.splice1.reverse

2. sort

array.

sort

(function

(a,b)

1.join
var arr =[1

,2,3

,4];

arr.

join

('-'

)//'1-2-3-4'

2. concat
var arr =[1

,2,3

,4];

arr.

concat([

5,6,

7])//[1,2,3,4,5,6,7]

1. indexof

var arr =[1

,2,3

,4];

arr.

indexof(1

)// 0

arr.

indexof(5

)// -1

2. foreach

var arr =[1

,2,3

,4,5

];arr.

foreach

((item,index,arr)

=>

)

3. map

var arr =[1

,2,3

,4,5

,6];

arr.

map(

function

(item,index,arr)

)// [2,4,6,8,10,12]

4.filter

arr.

filter

(item=>

)

5.some

6.every

7.reduce

1. array.from

var obj =

array.

from

(obj / arguments / 偽陣列)

//返回的是乙個陣列

.slice.

call

(arguments,0)

//這種方式根from方法是一樣的效果

還有第二個引數,是乙個回掉函式,功能類似map

array.

from([

1,2,

3], item => item *

2)

2. array.of

array.of(

1,2,

3,4)

3. copywithin

let arr =[1

,'c'

,'d'

,'a'

,'b'];

//假如我想把a,b替換到1的位置

arr.

copywithin(0

,3,5

)// ["a", "b", "d", "a", "b"]

4. find / findindex

[1,

2,3,

4,5]

.find

(function

(item)

)

5. fill

//功能一: 字面意思填滿,實際功能就是把陣列中的每乙個元素替換成指定值

let arr =[1

,2,3

,4]arr.

fill(5

)//arr全變成了5

//功能二:指定範圍替換,這功能似曾相識啊

arr.

fill(6

,1,3

)//使用6 替換陣列中 下表為1-3範圍的值, 範圍是下標》=1 && <3 的位置。

//猛的一看以為功能和splice一樣呢,又去鞏固了一下。splice是刪除某乙個元素,然後增加指定的個數,並且它第乙個引數是下標起點,第二個引數是個數,而不是結束下標。

6.entries / keys / values

let arr=

['a'

,'b'

,'c'

]for

(let key of arr.

keys()

)//取鍵

for(

let value of arr.

values()

)//取值;不能直接使用,有相容性問題,甚至谷歌

for(

let[key, value]

of arr.

entries()

)//都取

7.inludes

vara=

function()

[1,2

,3,4

, a]

.includes

(a)//true[1

,2,3

,4,nan].

includes

(nan

)//true

Js 中對 Json 陣列的常用操作

我們首先定義乙個json陣列物件如下 var persons 一.根據物件屬性值得到相應物件 1.獲取 name 等於 lily 的物件 var lily persons.filter p console.log lily 列印結果 注 filter 方法返回的是乙個陣列 var twins per...

JS中的陣列操作

js中的陣列的包裝物件是array.array.prototype.join separator 將轉為陣列字串,原陣列不被修改 var arr 1,2,3 arr.join 1,2,3 arr.join 1 2 3 返回字串,這個字串將陣列的每乙個元素值連線在一起,中間用 separator 隔開...

js中陣列的操作

計算陣列的長度 var arr aaa bbb alert arr.length 通過索引獲取對應值,同時也可以改變索引對應的值 var arr aaa bbb alert arr 0 彈出aaa arr 0 111 alert arr 0 彈出111 返回指定元素的位置,若元素不存在返回 1 va...