前端JavaScript中array数组的基础相关方法-管理数组元素

一、push

压入元素，直接改变元数组，返回值为数组元素数量
操作：操作原数组末尾，直接在原数组的末尾进行元素添加。
返回值：返回修改后的数组的新长度。

let arr = ["jeck", "marry"];
console.log(arr.push('marry1', 'marry2')); 
console.log(arr); //["jeck", "marry", "marry1", "marry2"]

从末尾弹出元素，直接改变元数组，返回值为弹出的元素
操作：删除调用数组的最后一个元素，原数组长度减一，并返回删除的该元素。
返回值：原数组被删除的元素值。

let arr = ["jeck", "marry"];
console.log(arr.pop()); 
console.log(arr);["jeck"]

注意：

1，push() 方法可把它的参数顺序添加到 arrayObject 的尾部。

2，它直接修改 arrayObject，而不是创建一个新的数组。

3，push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

4，若原数组已经为空，则pop()不改变数组，并返回undefined值。

5，pop直接操作原数组，原数组长度会改变。

从数组前面取出一个元素
操作：删除原数组的第一个元素，并将该元素作返回值。
返回值：原数组被删除的元素。

let arr = ["jeck", "marry"];
console.log(arr.shift()); 
console.log(arr);["marry"]

从数组前面添加元素
操作：直接操作原数组的开头，将参数顺序的加入原数组的开始位置，并将后面的元素向后移动。
返回值：返回修改后的原数组的新长度。

let arr = ["jeck", "marry"];
console.log(arr.unshift(('marry1', 'marry2')); 
console.log(arr);//["jeck", "marry", "marry1", "marry2"]

注意：

1，如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。

2，该方法会改变数组的长度。

3，unshift() 方法不创建新的创建，而是直接修改原有的数组，该方法会改变数组的长度。

4，unshift() 方法无法在 Internet Explorer 中正确地工作！

使用fill 填充数组元素

console.dir(Array(4).fill("jeck")); //["jeck", "jeck", "jeck", "jeck"]

指定填充位置

console.log([1, 2, 3, 4].fill("jeck", 1, 2)); //[1, "jeck", 3, 4]

使用 slice 方法从数组中截取部分元素组合成新数组（并不会改变原数组），不传第二个参数时截取到数组的最后元素。
操作：从原来的数组中选取元素。
返回值：选定的元素重新组成的数组。

let arr = [0, 1, 2, 3, 4, 5, 6];
console.log(arr.slice(1, 3)); // [1,2]  左闭右开

不设置参数是为获取所有元素

let arr = [0, 1, 2, 3, 4, 5, 6];
console.log(arr.slice()); //[0, 1, 2, 3, 4, 5, 6]

注意：

1，返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

2，start(必需)。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。

3，end(可选)。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

4，可用来复制数组，筛选需要的数组元素。