js中改变原数组的方法以及解决改变原数组的方法

Posted 2020-11-13 迷糊的小元宝

改变原数组的方法

• pop()：删除数组最后一个元素，并返回该元素
• push()：在数组尾部添加元素，并返回更新后的数组长度
• shift()：删除数组的第一个元素，并返回该元素
• unshift()：在数组第一位添加元素，并返回更新后的数组长度
• sort()：对数组排序（按字符ASCII进行排序），也可添加回调函数按照想要的规则排序
• reverse()：数组反转
• splice(index, howmany, 新数据)：返回被删除元素所组成的数组。

解决改变原数组的方法

背景：需要一个和原数组相等的数组，并且操作该数组时不影响原数组，方法：深拷贝。

var a = [1, 2, 3];
// 此时需要b等于a，但是改变b时，不影响a

//方法一，slice()
var b1 = a.slice();

//方法二，concat()
var b2 = [].concat(a);

//方法三，JSON.parse(JSON.stringify())
var b3 = JSON.parse(JSON.stringify(a));

//方法四，手写深拷贝方法
var deepCopy = function(obj) {
　　if (typeof obj !== ‘object‘) return;
　　var newObj = obj instanceof Array ? [] : {};
　　for (var key in obj) {
　　　　if (obj.hasOwnProperty(key)) {
　　　　　　newObj[key] = typeof obj[key] === ‘object‘ ? deepCopy(obj[key]) : obj[key];
　　　　}
　　}
　　return newObj;
}
var b4 = deepCopy(a);