JS陣列常用方法 2 push方法使用及原理

2022-03-06 05:24:15 字數 3136 閱讀 1395

push方法的作用是向陣列末尾新增乙個或多個元素,引數是要push到陣列的元素,返回值是陣列新的長度,push方法會影響原陣列

push方法的原理就是動態的獲取傳遞給push方法的引數,然後依次迴圈遍歷的加到原陣列後面

push方法

作用:向陣列末尾新增乙個或多個元素

引數:element1, ..., elementn

返回值:陣列新的長度(length)

是否影響原陣列:肯定影響

//簡單實現push方法

array.prototype.push1=function

() }

return

this

.length;

};

2、.push.call(this, elem);push方法的原理就是動態的獲取傳遞給push方法的引數,然後依次迴圈遍歷的加到原陣列後面

//

簡單實現push方法

array.prototype.push1=function

() }

return

this

.length;

};

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>push方法

title

>

6head

>

7<

body

>826

<

script

>

27//

1、push的基本使用

28//

let arr=[1,2,3];

29//

let new_length=arr.push(4);

30//

31//

console.log(new_length);

32//

console.log(arr);

3334

//2、合併兩個陣列

35//

var vegetables = ['parsnip', 'potato'];

36//

var morevegs = ['celery', 'beetroot'];

37//

38//

// 將第二個陣列融合進第乙個陣列

39//

// 相當於 vegetables.push('celery', 'beetroot');

40//

41//

42//

console.log(vegetables);

43//

// ['parsnip', 'potato', 'celery', 'beetroot']

4445

//3、像陣列一樣使用物件

46//

var obj =

54//

};55

//56

//// let's add some empty objects just to illustrate.

57//

obj.addelem({});

58//

obj.addelem({});

59//

console.log(obj.length);

60//

// → 2

61//

console.log(obj);

6263

//4、簡單實現push方法

64array.prototype.push1

=function

() 74}75

76return

this

.length;

77};

78//

let arr=[1,2,3];

79//

let new_length=arr.push1(4,5,6);

80//

81//

console.log(new_length);

82//

console.log(arr);

8384

85//

5、合併兩個陣列(使用我們自己建立的push方法)

86//

var vegetables = ['parsnip', 'potato'];

87//

var morevegs = ['celery', 'beetroot'];

88//

89//

// 將第二個陣列融合進第乙個陣列

90//

// 相當於 vegetables.push('celery', 'beetroot');

91//

92//

93//

console.log(vegetables);

94//

// ['parsnip', 'potato', 'celery', 'beetroot']

9596

97//

6、像陣列一樣使用物件(使用我們自己建立的push方法)

98//

var obj =

106//

};107

//108

//// let's add some empty objects just to illustrate.

109//

obj.addelem({});

110//

obj.addelem({});

111//

console.log(obj.length);

112//

// → 2

113//

console.log(obj);

114115

script

>

116body

>

117html

>

js陣列push方法使用注意

js 陣列的push方法,想必大家都知道是向陣列末尾新增元素,但是有乙個很關鍵的點需注意 引自mdn 當呼叫該方法時,新的length屬性值將被返回。var sports soccer baseball var total sports.push football swimming console....

js陣列常用方法

push 向陣列的末尾增加一項 返回值是陣列的新長度 unshift 向陣列開頭增加一項 返回值是陣列的新長度 pop 刪除陣列的末尾項 返回值是刪除的陣列項 shift 刪除陣列開頭項 返回被刪除的開頭專案 splice 刪除陣列中的任意項 返回值是被刪除的陣列項 slice 複製陣列 返回值是複...

js陣列常用方法

array.join 方法將陣列中所有元素都轉化為字串並連線在一起,返回最後生成的字串。可以指定乙個可選的字串在生成的字串中來分隔陣列的各個元素。如果不指定分隔符,預設使用逗號。示例 var a 1,2,3 console.log a.join 1,2,3 console.log a.join 1 ...