js之数组的操作方法

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

# 目录

  • 新建数组
  • 添加数组中的元素
  • 修改数组中的元素
  • 删除数组元素内容
  • 合并数组
  • 删除指定数组
  • 截取指定数组
  • 判断数组的几种方法

# 新建数组

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

# 添加数组中的元素

  • 方法一:通过下标添加元素。
var arr = new Array();
arr[0] = 'kwan';
arr[1] = 18;
1
2
3
  • 方法二:通过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];
1
2
3
4
5
  • 方法三:通过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];
1
2
3
4
5

# 修改数组中的元素

通过下标修改元素内容。

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

# 删除数组元素内容

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

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

var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.pop(); // result is [1,2];
1
2
3
4
5
  • 方法二:通过array的shift方法来添加。 说明一点:shift是网数组删除最前面一个元素。
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.shift(); // result is [2,3];
1
2
3
4
5

# 合并数组

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];
1
2
3
4

# 删除指定数组

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

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

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

# 截取指定数组

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

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

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

# 判断数组的几种方法

# instanceof运算符

这个运算符可以判断一个对象是否是在其原型链上原型构造函数中的属性。

let arr = [];
console.log(arr instanceof Array); //true
1
2

# constructor

这个属性是返回对象相对应的构造函数。

let arr = [];
console.log(arr.constructor == Array); //true
1
2

写一个函数方法

let arr = [];
var isType = function (obj) {
     return Object.prototype.toString.call(obj).slice(8,-1);
}
console.log(isType(arr) == 'Array'); //true
1
2
3
4
5

# 数组自带的isArray方法

let arr = [];
console.log(Array.isArray(arr)); //true
1
2

以上就是一些简单的方法。

# 写在最后

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

分享至:

  • qq
  • qq空间
  • 微博
  • 豆瓣
  • 贴吧