数组的一些常用方法及使用区别

一、前言

push pop unshift shift splice slice split join 方法及使用区别

二、示例

// push pop unshift shift splice slice split join

const arr = [1, 2, 3, 4];

// push、unshift向数组的 尾部/头部 添加若干元素，并返回 数组的 新长度

const a = arr.push('X', 'Y', 'Z'); // -> new length

const b = arr.unshift('A', 'B', 'C'); // -> new length

console.log(a);

console.log(b);

console.log(arr);

// pop、shift向数组的 尾部/头部 删除一个元素 并返回 数组中 被删除的元素

const c = arr.pop(); // -> last item

const d = arr.shift(); // -> first item

console.log(c);

console.log(d);

const e = arr.push();

const f = [].pop();

const g = [].shift();

console.log(e);

console.log(f);

console.log(g);

// splice 向/从数组中添加/删除项目，然后返回被删除的项目集合[?1, ?2]。 -1开始反方向删除(末尾第一个) 即便是负数 也都是从左到右删除单位

const h = arr.splice(-2, 2, 'rex', 'hang', 'gu');

console.log(h);

// slice 只对数组范围做截取 并返回 截取的内容

const i = arr.slice(1, -2); // 区间 -> (?] 不包含末尾

console.log(i);

// split 用于 把一个有标记的字符串 分割成 标准数组

const j = 'a|b|c'.split('|');

console.log(j);

// join 用于 把一个标准数组 变成 固定符号分隔的 字符串
const k = ['a', 'b', 'c'].join('|');

console.log(k);

console.log(arr);

控制台输出内容如图所示:

看完上述例子后，我想大家都应该大致明白了这些方法的使用区别。