目录
方法总结:
concat() | 连接两个或更多的数组,并返回结果。 |
copyWithin() | 从数组的指定位置拷贝元素到数组的另一个指定位置中。 |
entries() | 返回数组的可迭代对象。 |
every() | 检测数值元素的每个元素是否都符合条件。 |
fill() | 使用一个固定值来填充数组。 |
filter() | 检测数值元素,并返回符合条件所有元素的数组。 |
find() | 返回符合传入测试(函数)条件的数组元素。 |
findIndex() | 返回符合传入测试(函数)条件的数组元素索引。 |
forEach() | 数组每个元素都执行一次回调函数。 |
from() | 通过给定的对象中创建一个数组。 |
includes() | 判断一个数组是否包含一个指定的值。 |
indexOf() | 搜索数组中的元素,并返回它所在的位置。 |
isArray() | 判断对象是否为数组。 |
join() | 把数组的所有元素放入一个字符串。 |
keys() | 返回数组的可迭代对象,包含原始数组的键(key)。 |
lastIndexOf() | 搜索数组中的元素,并返回它最后出现的位置。 |
map() | 通过指定函数处理数组的每个元素,并返回处理后的数组。 |
pop() | 删除数组的最后一个元素并返回删除的元素。 |
push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 |
reduce() | 将数组元素计算为一个值(从左到右)。 |
reduceRight() | 将数组元素计算为一个值(从右到左)。 |
reverse() | 反转数组的元素顺序。 |
shift() | 删除并返回数组的第一个元素。 |
slice() | 选取数组的一部分,并返回一个新数组。 |
some() | 检测数组元素中是否有元素符合指定条件。 |
sort() | 对数组的元素进行排序。 |
splice() | 从数组中添加或删除元素。 |
toString() | 把数组转换为字符串,并返回结果。 |
unshift() | 向数组的开头添加一个或更多元素,并返回新的长度。 |
valueOf() | 返回数组对象的原始值。 |
代码案例总结:
concat() 连接两个或更多的数组,并返回结果。
<script>
var a = ["cc", "xx"];
var b = ["dd", "ss", "dhu"];
var c = a.concat(b);
document.write(c); // cc,xx,dd,ss,dhu
</script>
copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。
<script>
var fruits = ["vvv", "sss", "ccc", "ssss"];
fruits.copyWithin(2, 0);
document.write(fruits) // vvv,sss,vvv,sss
</script>
entries() 返回数组的可迭代对象。
<body>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.entries();
document.getElementById("demo1").innerHTML = x.next().value; //0,Banana
document.getElementById("demo2").innerHTML = x.next().value; //1,Orange
document.getElementById("demo3").innerHTML = x.next().value; //2,Apple
</script>
</body>
every() 检测数值元素的每个元素是否都符合条件。
<script>
var ages = [32, 33, 16, 40];
function checkAdult(age) {
return age >= 18;
}
console.log(ages.every(checkAdult)) // false
</script>
fill() 使用一个固定值来填充数组。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.fill("Runoob");
document.write(fruits) // Runoob,Runoob,Runoob,Runoob
</script>
filter() 检测数值元素,并返回符合条件所有元素的数组。
<script>
var ages = [32, 33, 16, 40];
function checkAdult(age) {
return age >= 18;
}
console.log(ages.filter(checkAdult)) // [32, 33, 40]
</script>
forEach() 数组每个元素都执行一次回调函数。
<script>
var arr = [1, 2, 3, 4];
arr.forEach(function (item, index) {
console.log(item);
});
// 1
// 2
// 3
// 4
</script>
indexOf() 搜索数组中的元素,并返回它所在的位置。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");
console.log(a) // 2
</script>
isArray() 判断对象是否为数组。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(Array.isArray(fruits)) // true
</script>
join() 把数组的所有元素放入一个字符串。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();
console.log(energy) // Banana,Orange,Apple,Mango
</script>
keys() 返回数组的可迭代对象,包含原始数组的键(key)。
<body>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.keys();
document.getElementById("demo1").innerHTML = x.next().value; // 0
document.getElementById("demo2").innerHTML = x.next().value; // 1
document.getElementById("demo3").innerHTML = x.next().value; // 2
</script>
</body>
lastIndexOf() 搜索数组中的元素,并返回它最后出现的位置。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");
console.log(a) // 2
</script>
map() 通过指定函数处理数组的每个元素,并返回处理后的数组。
<script>
var numbers = [4, 9, 16, 25];
console.log(numbers.map(Math.sqrt)) // [2, 3, 4, 5]
</script>
pop() 删除数组的最后一个元素并返回删除的元素。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
console.log(fruits) // ['Banana', 'Orange', 'Apple']
</script>
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")
console.log(fruits) // ['Banana', 'Orange', 'Apple', 'Mango', 'Kiwi']
</script>
reduce() 将数组元素计算为一个值(从左到右)。
<script>
var numbers = [65, 44, 12, 4];
function getSum(total, num) {
return total + num;
}
console.log(numbers.reduce(getSum)) // 125
</script>
reduceRight() 将数组元素计算为一个值(从右到左)。
<script>
var numbers = [65, 44, 12, 4];
function getSum(total, num) {
return total + num;
}
console.log(numbers.reduceRight(getSum)) // 125
</script>
reverse() 反转数组的元素顺序。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.reverse()) // ['Mango', 'Apple', 'Orange', 'Banana']
</script>
shift() 删除并返回数组的第一个元素。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift() // banana
console.log(fruits) // ['Orange', 'Apple', 'Mango']
</script>
slice() 选取数组的一部分,并返回一个新数组。
<script>
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
console.log(citrus) // ['Orange', 'Lemon']
</script>
some() 检测数组元素中是否有元素符合指定条件。
<script>
var ages = [3, 10, 18, 20];
function checkAdult(age) {
return age >= 18;
}
console.log(ages.some(checkAdult)) // true
</script>
sort() 对数组的元素进行排序。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.sort()) // ['Apple', 'Banana', 'Mango', 'Orange']
</script>
splice() 从数组中添加或删除元素。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi"); // ['Banana', 'Orange', 'Lemon', 'Kiwi', 'Apple', 'Mango']
console.log(fruits)
</script>
toString() 把数组转换为字符串,并返回结果。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.write(fruits.toString()) // Banana,Orange,Apple,Mango
</script>
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon", "Pineapple");
console.log(fruits) // ['Lemon', 'Pineapple', 'Banana', 'Orange', 'Apple', 'Mango']
</script>
valueOf() 返回数组对象的原始值。
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var v = fruits.valueOf();
console.log(v) // ['Banana', 'Orange', 'Apple', 'Mango']
</script>