数组创建的两种方法
①构造函数方式创建数组
下面展示一些 内联代码片
。
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
var arr2 = new Array('a', 'b', 'c');
②字面量方式创建数组
下面展示一些 内联代码片
。
var arr3 = [1, 2, 3, 4];
数组里面添加数据的三种方法
①push(向数组的末尾添加一个或更多元素,并返回新的长度。)
下面展示一些 内联代码片
。
var arr3 = [1, 2, 3, 4];
arr3.push(9, 8);//向数组的末尾添加一个或更多元素,并返回新的长度。
console.log(arr3);//[1,2,3,4,9,8]
②unshift(向数组的头部添加一个或更多元素,并返回新的长度。)
下面展示一些 内联代码片
。
var arr3 = [1, 2, 3, 4];
arr3.unshift(9, 8);//在数组头部添加
console.log(arr3);//[9,8,1,2,3,4]
③splice(向数组指定位置添加元素)
var arr3 = [1, 2, 3, 4];
arr3.splice(2, 0, 8, 9);//第一个参数代表添加的位置,第二个参数代表个数(只有当其为0时才是在原数组的基础上添加元素,否则为在原数组上替换元素),后面的参数代表添加的元素
console.log(arr3);//[1,2,8,9,3,4]
arr3.splice(2, 2, 8, 9);//
console.log(arr3);//[1,2,8,9];
注意:
splice()方法第一个参数代表添加的位置,第二个参数代表个数(只有当其为0时才是在原数组的基础上添加元素,否则为在原数组上替换元素),后面的参数代表添加的元素
两个数组合并的方法
①拓展运算符( […arr1,…arr2])
var arr1 = [1, 2, 3, 4];
var arr2 = [6, 5, 7, 0];
console.log( [...arr1,...arr2]);//[1, 2, 3, 4, 6, 5, 7, 0]
②concat方法(concat(arr1, arr2))
var arr1 = [1, 2, 3, 4];
var arr2 = [6, 5, 7, 0];
console.log( concat(arr1, arr2));//[1, 2, 3, 4, 6, 5, 7, 0]
③for循环
var arr1 = [1, 2, 3, 4];
var arr2 = [6, 5, 7, 0];
arr1.forEach(function (item, index) {
arr2.push(item)
});
console.log(arr2);
数组的清空三种方法
①length方法
var arr1 = [1, 2, 3, 4];
arr1.length = 0;
console.log(arr1);
②splice方法
var arr1 = [1, 2, 3, 4];
arr1.splice(0);
console.log(arr1);
③[]方法
var arr1 = [1, 2, 3, 4];
arr1 = [];
console.log(arr1);
数组的截取方法(slice())
var arr1 = [1, 2, 3, 4, 7, 8, 9, 6];
var arr2 = arr1.slice(3, 7);//两个参数分别代表:开始截取的位置,和截止截取的位置(注意最后一个元素不包含在内)
console.log(arr2);//(4,7,8,9)
注意:
slice()方法两个参数分别代表:开始截取的位置,和截止截取的位置(注意最后一个元素不包含在内)
数组的删除方法(pop(),shift())
var arr1 = [1, 2, 3, 4, 7, 8, 9, 6];
arr1.shift();//删除数组的第一个元素
console.log(arr1);// [2, 3, 4, 7, 8, 9, 6]
var arr1 = [1, 2, 3, 4, 7, 8, 9, 6];
arr1.pop();//删除数组的第一个元素
console.log(arr1);// [1,2, 3, 4, 7, 8, 9]
一些js方法的学习:主要关注它的参数及返回值类型
https://www.w3school.com.cn/jsref/jsref_obj_array.asp (方法查询网站,里面更详细)
以上是我对数组的一些总结:
如有错误的地方,欢迎指出,我会及时更正。