常用的更新数组的一些方法

本文链接： https://blog.csdn.net/weixin_42301962/article/details/102753452

1. push() 该方法可向数组的末尾添加一个或多个元素，并返回新的长度

var arr = ['apple','orange','pear'];
console.log("原数组："+arr);
console.log(arr.push("banana"));
console.log("新数组："+arr);

输出结果：
在这里插入图片描述
2. pop() 该方法用于删除并返回数组的最后一个元素

var arr = ['apple','orange','pear'];
console.log("原数组："+arr);
console.log(arr.pop());
console.log("新数组："+arr);

输出结果：
在这里插入图片描述
3. shift() 该方法用于删除数组中的第一个元素并返回删除元素的值

var arr = ['apple','orange','pear'];
console.log("原数组："+arr);
console.log(arr.shift());
console.log("新数组："+arr);

输出结果：
在这里插入图片描述
4. unshift() 该方法可向数组的开头添加一个或多个元素，并返回新的长度

var arr = ['apple','orange','pear'];
console.log("原数组："+arr);
console.log(arr.unshift("banana"));
console.log("新数组："+arr);

输出结果：
在这里插入图片描述
5. splice() 该方法向/从数组中添加/删除项目，并返回被删除的项目

arrayObject.splice(index,howmany,item1,…,itemX)

index 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany 必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item,…,itemX 可选。向数组添加的新项目。

添加项目

var arr = ['apple','orange','pear'];
console.log("原数组："+arr);
console.log(arr.splice(2,0,"banana"));
console.log("新数组："+arr);

输出结果：
在这里插入图片描述
替换删除的项目，返回删除项

var arr = ['apple','orange','pear'];
console.log("原数组："+arr);
console.log(arr.splice(2,1,"banana"));
console.log("新数组："+arr);

输出结果：
在这里插入图片描述
删除项目

var arr = ['apple','orange','pear'];
console.log("原数组："+arr);
console.log(arr.splice(1,1));
console.log("新数组："+arr);

输出结果：
在这里插入图片描述
6. sort() 该方法用于对数组的元素进行排序

var arr = ['apple','orange','pear','banana'];
console.log("原数组："+arr);
console.log("新数组："+arr.sort());

输出结果：
在这里插入图片描述
实现数字排序

function sortNumber(a,b)
{
	return a - b
}
var arr = ['123','34','66','6','888','9'];
console.log("原数组："+arr);
console.log("新数组："+arr.sort(sortNumber));

输出结果：
在这里插入图片描述
7. reverse() 该方法用于颠倒数组中元素的顺序

var arr = ['apple','orange','pear','banana'];
console.log("原数组："+arr);
console.log("新数组："+arr.reverse());

输出结果：
在这里插入图片描述
8. filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

9. concat 该方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

var arr = ['apple','orange','pear'];
console.log("原数组："+arr);
console.log("新数组："+arr.concat('banana'));

输出结果：
在这里插入图片描述

var arr = ['apple','orange','pear'];
var arr1 = [1,2];
console.log("原数组："+arr);
console.log("新数组："+arr.concat(arr1));

输出结果：
在这里插入图片描述
10. slice 该方法可从已有数组中返回选定的元素

var arr = ['apple','orange','pear'];
console.log("原数组："+arr);
console.log("新数组："+arr.slice(0,1));

输出结果：
在这里插入图片描述

常用的更新数组的一些方法

猜你喜欢