导语:今天给大家带来一篇有关数组操作方法的文章。
# 目录
- 新建数组
- 添加数组中的元素
- 修改数组中的元素
- 删除数组元素内容
- 合并数组
- 删除指定数组
- 截取指定数组
- 判断数组的几种方法
# 新建数组
- 方法一:通过
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
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
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
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
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
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
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
2
3
4
# 删除指定数组
用splice
方法来合并另外一个数组。
注意:splice方法接受两个参数,一个从哪里开始,一个是到哪里结束。
var arr = [1,2,3];
arr.splice(0,1);
console.log(arr); // [2,3];
1
2
3
2
3
# 截取指定数组
用slice
方法来合并另外一个数组。
注意:slice方法接受两个参数,一个从哪里开始,一个是到哪里结束(但是不包括这个结束的元素本身)。如果是负数,就从倒数第几个。
var arr = [1,2,3];
console.log(arr.slice(0,1);); // [1];
1
2
2
# 判断数组的几种方法
# instanceof运算符
这个运算符可以判断一个对象是否是在其原型链上原型构造函数中的属性。
let arr = [];
console.log(arr instanceof Array); //true
1
2
2
# constructor
这个属性是返回对象相对应的构造函数。
let arr = [];
console.log(arr.constructor == Array); //true
1
2
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
2
3
4
5
# 数组自带的isArray方法
let arr = [];
console.log(Array.isArray(arr)); //true
1
2
2
以上就是一些简单的方法。
# 写在最后
今天的数组操作方法就介绍这么多,以后会持续更新的。