js中数组的操作方法

Posted Guan Blog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中数组的操作方法相关的知识,希望对你有一定的参考价值。

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

新建数组

  • 方法一:通过new运算符创建一个数组构造函数。
var arr = new Array();
  • 方法二:通过方括号直接创建直接量数组。
var arr = [1,2,3];

添加数组中的元素

  • 方法一:通过下标添加元素。
var arr = new Array();
arr[0] = ‘kwan‘;
arr[1] = 18;
  • 方法二:通过arraypush方法来添加。

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

var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.push(4); // result is [5,1,2,3,4];
  • 方法三:通过arrayunshift方法来添加。

说明一点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];

删除数组元素内容

  • 方法一:通过arraypop方法来添加。

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

var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.pop(); // result is [1,2];
  • 方法二:通过arrayshift方法来添加。

说明一点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];

写在最后

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

以上是关于js中数组的操作方法的主要内容,如果未能解决你的问题,请参考以下文章

js数组高阶方法reduce经典用法代码分享

js数组高阶方法reduce经典用法代码分享

js数组遍历方法总结

js简洁代码片段

为什么我不能在此片段中生成唯一对象数组?

VSCode自定义代码片段—— 数组的响应式方法