js基礎 陣列的四個方法以及陣列的遍歷

2021-10-19 18:05:09 字數 2038 閱讀 4793

<

!doctype

html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

meta

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

<

title

>

document

<

/title

>

<

script

>//

建立乙個陣列

vararr=[

"孫悟空"

,"豬八戒"

,"沙和尚"];

/*push()

-該方法可以像陣列的末尾新增乙個或多個元素,並返回陣列的新的長度

-可以將要新增的元素作為方法的引數傳遞

這樣這些元素會自動新增到陣列的末尾

-該方法會將陣列的長度作為返回值返回*/

varresult

=arr

.push

("唐僧"

,"八戒"

,"女國王");

console

.log

(arr);

console

.log

("result="

+result);

/*pop(

)-該方法可以刪除陣列的最後乙個元素

,並將被刪除的元素作為返回值返回*/

arr.

pop();

result

=arr

.pop()

;console

.log

(arr);

document

.write

("result="

+result);

/*unshift()

-向陣列的開頭新增乙個或多個元素,並返回新的陣列長度

-向前邊插入元素以後,其他的元素索引會依次調整*/

console

.log

(arr);

arr.

unshift

("牛魔王"

,"二郎神");

document

.write

(arr);

/*shift()

-可以刪除陣列的第乙個元素,並將被刪除的元素作為返回值返回*/

result

=arr

.shift()

;console

.log

(arr);

document

.write(""

);document

.write

(result);

/*陣列的遍歷*/

vararr=[

"孫悟空"

,"豬八戒"

,"沙和尚"

,"a"

,"c"];

//所謂的遍歷陣列,就是將陣列中所有的元素都取出來/*

console

.log

(arr[0

]);console

.log

(arr[1

]);console

.log

(arr[2

]);*

/for

(vari=

0;i<

arr.

length;i

++)<

/script

>

<

/head

>

<

body

>

<

/body

>

<

/html

>

js基礎 陣列的四個方法

可以在下面的位址看到更詳細的介紹 該方法可以向陣列的末尾新增乙個或多個元素,並返回資料的新的長度,可以將要新增的元素作為方法的引數傳遞。這些元素將會自動新增到陣列的末尾。該方法會將陣列新的長度作為返回值返回 該方法可以刪除陣列的最後乙個元素,呼叫一次刪除乙個,並將被刪除的元素作為返回值返回 向陣列開...

js基礎 陣列的四個方法

該方法可以向陣列的末尾新增乙個或多個元素,並返回陣列的新長度。可以將要新增的元素作為方法的引數傳遞,這樣這些元素將會自動新增到陣列的末尾。該方法會將陣列新的長度作為返回值返回。比如 var arr 孫悟空 豬八戒 沙悟淨 console.log arr var result arr.push 唐三藏...

JS陣列的四個去重方法

const arr a bb 22 a yuci haha 22 1 es6的資料結構 set let arr1 new set arr console.log array.from unique 2 使用push let arr2 for let i 0 i arr.length i consol...