前言
JavaScript 中的数组(Array)对象提供了许多有用的方法来操作和遍历数组数据。上期我们已经分享了一些数组方法,
这里再来记录一下
JavaScript ~ 第 7 篇 —— JavaScript常用数组方法
一. 这里,首先,还是定义一个数组对象
var arr = ["1","2","3"];
1、.push()方法(以下操作的都是原数组)
var count = arr.push("4","5");
console.log(count); //5
console.log(arr); // ["1", "2", "3", "4", "5"]
该方法从数组末尾向数组添加元素,可以添加一个或多个元素;
2、.pop()方法
var count= arr.pop();
console.log(count); //3
console.log(arr); // ["1", "2"]
该方法从数组末尾删除数组的最后一个元素,并返回删除的元素;
3、.unshift()方法
var count = arr.unshift("4","5");
console.log(count); // 5
console.log(arr); //["4", "5", "1", "2", "3"]
该方法从数组开头添加一个或更多元素,并返回新的长度;
4、.shift()方法
var item = arr.shift();
console.log(item); // 1
console.log(arr); // ["2", "3"]
该方法删除数组的第一个元素,并返回第一个元素的值;
5、.concat()方法
var arr2 = [7,8,9];
var newArr = arr.concat(arr,arr2);
console.log(newArr); //["1","2","3","7","8","9"]
console.log(arr); //["1","2","3"](不修改原数组)
该方法用于拼接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接的数组;
6、.sort()方法
var arr2 = ["c", "d", "a", "b"];
console.log(arr2.sort()); // ["a", "b", "c", "d"]
该方法用于对数组的元素进行排序,排序顺序可以是字母或数字,并按升序或降序,默认排序顺序为升序;
7、.reverse()方法
var arr2 = [1, 2, 3, 4];
console.log(arr2.reverse()); //[4, 3, 2, 1]
该方法用于颠倒数组中元素的顺序;
8、.every()方法
var arr = [1, 2, 3, 4, 5];
var arr2 = arr.every(function(x) {
return x < 6;
});
console.log(arr2); //true
var arr3 = arr.every(function(x) {
return x < 3;
});
console.log(arr3); // false
该方法判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回 true;
9、.some()方法
var arr = [1, 2, 3, 4, 5];
var arr2 = arr.some(function(x) {
return x < 3;
});
console.log(arr2); //true
var arr3 = arr.some(function(x) {
return x < 1;
});
console.log(arr3); // false
该方法判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回 true;
10、.join()方法
var arr = [1,2,3];
console.log(arr.join()); // 1,2,3
console.log(arr.join("-")); // 1-2-3
console.log(arr); // [1, 2, 3]
该方法用于把数组中的所有元素转换一个字符串,元素是通过指定的分隔符进行分隔的,默认使用逗号作为分隔符;
11、.fill()方法
let arr = [1, 2, 3, 'aa', 5];
arr.fill(1);
console.log(arr);//[1,1,1,1,1];
let arr = [1, 2, 3, 'bb', 5];
arr.fill(1, 2);
console.log(arr);//[1,2,1,1,1]
arr.fill(0, 1, 3);
console.log(arr);//[1,0,0,1,1];
该方法使用特定值填充数组中的一个或多个元素。
-
当只是用一个参数时,该方法会用该参数的值填充整个数组;
-
如果不想改变数组中的所有元素,而只是想改变其中一部分,那么可以使用可选的起始位置参数与结束位置参数(不包括结束位置的那个元素);
-
3 个参数: 填充数值,起始位置参数,结束位置参数(不包括结束位置的那个元素);