js中数组的操作方法

Posted 2021-02-01 Guan Blog

今天给大家带来一篇有关数组操作方法的文章。

新建数组

• 方法一：通过new运算符创建一个数组构造函数。

var arr = new Array();

• 方法二：通过方括号直接创建直接量数组。

var arr = [1,2,3];

添加数组中的元素

• 方法一：通过下标添加元素。

var arr = new Array();
arr[0] = ‘kwan‘;
arr[1] = 18;

• 方法二：通过array的push方法来添加。

说明一点：push是往数组末尾添加新元素。

var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.push(4); // result is [5,1,2,3,4];

• 方法三：通过array的unshift方法来添加。

说明一点：unshift是网数组最前面添加一个新元素。

var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.unshift(4); // result is [4,1,2,3];

修改数组中的元素

通过下标修改元素内容。

var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
//下标修改
arr[0] = 4;
console.log(arr); // result is [4,2,3];

删除数组元素内容

• 方法一：通过array的pop方法来添加。

说明一点：pop是往数组删除末尾元素。

var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.pop(); // result is [1,2];

• 方法二：通过array的shift方法来添加。

说明一点：shift是网数组删除最前面一个元素。

var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.shift(); // result is [2,3];

合并数组

用concat方法来合并另外一个数组。

var arr = [1,2,3];
var arr1 = [4,5,6];
var arr2 = arr.concat(arr1);
console.log(arr2); // [1,2,3,4,5,6];

删除指定数组

用splice方法来合并另外一个数组。

注意：splice方法接受两个参数，一个从哪里开始，一个是到哪里结束。

var arr = [1,2,3];
arr.splice(0,1);
console.log(arr); // [2,3];

截取指定数组

用slice方法来合并另外一个数组。

注意：slice方法接受两个参数，一个从哪里开始，一个是到哪里结束（但是不包括这个结束的元素本身）。如果是负数，就从倒数第几个。

var arr = [1,2,3];
console.log(arr.slice(0,1);); // [1];

写在最后

今天的数组操作方法就介绍这么多，以后会持续更新的。