logo头像

求知若渴,虚心若愚

JavaScript - 数组( Array ) - 数组方法(一)

push()

  • 向数组的末尾添加一个或多个元素,并返回新的长度。
    • 末尾添加
    • 返回的是长度
    • 会改变原数组
    • 可以一次添加多个元素push
1
2
3
4
var arr1 = [11,22,33,44];
var arr2 = arr1.push(55);
console.log(arr1); //[11,22,33,44]
console.log(arr2); // push 返回的是数组长度,5

pop()

  • 用于删除并返回数组的最后一个元素
    • 返回最后一个元素
    • 会改变原数组。
1
2
3
var arr = [11,22,33];
console.log(arr.pop()); //33
console.log(arr); //[11,22]

shift()

  • 把数组的第一个元素从其中删除,并返回第一个元素的值
    • 返回第一个元素
    • 改变原数组
1
2
3
var arr = [11,22,33];
console.log(arr.shift()); //11
console.log(arr); //[22,33]

unshift()

  • 向数组的开头添加一个或更多元素,并返回新的长度
    • 返回新长度
    • 改变原数组。
1
2
3
var arr = [11,22,33,44];
console.log(arr.unshift(3,6)); //6 添加元素并返回新的长度
console.log(arr); //[3, 6, 11, 22, 33, 44]

TIP
unshift()可以不传参数,不传参数就是不增加元素

concat()

  • 用于连接两个或多个数组
  • 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本
  • 该参数可以是具体的值,也可以是数组对象,可以是任意多个
1
2
3
4
5
6
7
8
9
var arr = ['zs','ls'];
var arr1 = ['ww','zl'];

// 参数是具体的值,并且结果不改变原素组
console.log(arr.concat('xiaofengge')) // ["zs", "ls", "xiaofengge"]
console.log(arr) //  ["zs", "ls"]

var arr2 = arr.concat(arr1); // 参数是一个数组
console.log(arr2) // ["zs", "ls", "ww", "zl"] ,并且说明concat()不改变原数组

TIP

  • Concat()返回一个新的数组。
  • 通过把所有参数添加到调用者中生成的。
  • 如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

join()

  • 用于把数组中的所有元素放入一个字符串。
    • 元素是通过指定的分隔符进行分隔的
    • 默认使用’,’号分割
    • 不改变原数组
    • 常和字符串方法split一块使用,效果相反
1
2
3
var arr = [11,22,33];
console.log(arr.join()); //11,22,33 默认使用逗号
console.log(arr); //[11, 22, 33]不改变原来的数组
支付宝打赏 微信打赏

赞赏是对我们的肯定!