JavaScript 数组的力量隐藏在数组方法中。js数组的方法有很多,这里给大家总结一些常用的方法以及用法。
数组的方法主要有以下几种
join()
pop()
push()
shift()
unshift()
splice()
slice()
concat()
sort()
reverse()
forEach()
map()
filter()
reduce()
reduceRight()
every()
some()
indexOf()
lastIndexOf()
find()
findIndex()
下面开始一一介绍上述方法的使用
1、join() 将数组以规定的符号整合成字符串,默认是逗号。该方法不改变原数组 。
var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits = arr.join(" * ");
console.log(fruits); // Banana * Orange * Apple * Mango
console.log(arr) // 原数组不变["Banana", "Orange","Apple", "Mango"]
2、pop() 方法 从数组中删除最后一个元素,返回值是删除的元素:
var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits = arr.pop();
console.log(fruits); // 返回值为 Mango
3、push() 方法 向数组结 尾处添加一个新的元素:
var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits = arr.push("Kiwi");
console.log(fruits); // 返回值是新数组长度 5
4、shift()方法 删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 。这和pop()正好相反。
var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits = arr.shift();
console.log(fruits); // 返回删除的元素值 Banana
5、unshift()方法 向数组头部添加元素 , 返回新数组的长度。这和push()正好相反。
var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits = arr.unshift('Kiwi');
console.log(fruits); // 返回新数组长度 5
6、splice()方法功能比较强大,可以实现对数组元素的删除、添加、替换。
该方法接受三个参数:
第一个参数定义了应添加新元素的位置(下标)。
第二个参数定义应删除多少个元素。
其余参数定义要添加的新元素。
向数组添加元素 ( 从下标2开始删除0项元素,并从下标2处插入元素 ‘Lemon’,‘Kiwi’ )
var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits = arr.splice(2,0,'Lemon','Kiwi');
console.log(fruits); // 返回删除元素组成的数组 []
console.log(arr) // ["Banana", "Orange", "Lemon", "Kiwi", "Apple", "Mango"]
删除数组的元素 ( 从下标2开始删除2项元素,并从下标2处插入元素 ‘Lemon’,‘Kiwi’ )
var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits = arr.splice(2,2,'Lemon','Kiwi');
console.log(fruits); // 返回删除元素组成