Javascript常见数组方法详解

JavaScript数组方法是用于对数组进行操作的内置函数。以下是一些常见的JavaScript数组方法及其用法：

push()：将一个或多个元素添加到数组末尾。

let fruits = ["apple", "banana"];
fruits.push("orange");
// fruits 现在是 ["apple", "banana", "orange"]

pop()：从数组末尾删除最后一个元素，并返回该元素。

let fruits = ["apple", "banana", "orange"];
let lastFruit = fruits.pop();
// lastFruit 现在是 "orange"，fruits 现在是 ["apple", "banana"]

unshift()：将一个或多个元素添加到数组开头。

let fruits = ["banana", "orange"];
fruits.unshift("apple");
// fruits 现在是 ["apple", "banana", "orange"]

shift()：从数组开头删除第一个元素，并返回该元素。

let fruits = ["apple", "banana", "orange"];
let firstFruit = fruits.shift();
// firstFruit 现在是 "apple"，fruits 现在是 ["banana", "orange"]

splice()：从数组中删除或替换元素。

let fruits = ["apple", "banana", "orange"];
fruits.splice(1, 1, "pear", "kiwi");
// fruits 现在是 ["apple", "pear", "kiwi", "orange"]

slice()：创建一个从指定索引开始到结束（不包括结束）的新数组。

let fruits = ["apple", "banana", "orange"];
let citrus = fruits.slice(1, 3);
// citrus 现在是 ["banana", "orange"]，fruits 仍然是 ["apple", "banana", "orange"]

concat()：将两个或更多数组合并为一个新数组。

let fruits = ["apple", "banana"];
let moreFruits = ["orange", "pear"];
let allFruits = fruits.concat(moreFruits);
// allFruits 现在是 ["apple", "banana", "orange", "pear"]

indexOf()：返回某个元素在数组中第一次出现的索引，如果不存在则返回-1。

let fruits = ["apple", "banana", "orange"];
let bananaIndex = fruits.indexOf("banana");
// bananaIndex 现在是 1

forEach()：对数组中的每个元素执行操作，不会改变原始数组。

let fruits = ["apple", "banana", "orange"];
fruits.forEach(function(fruit) {
    
    
  console.log(fruit);
});
// 输出 "apple"、"banana" 和 "orange"

filter()：创建一个新数组，其中包含满足指定条件的所有元素。

let fruits = ["apple", "banana", "orange"];
let filteredFruits = fruits.filter(function(fruit) {
    
    
  return fruit.length > 5;
});
// filteredFruits 现在是 ["banana", "orange"]

map()：创建一个新数组，其中包含对原始数组中的每个元素应用指定函数后的结果。

let numbers = [1, 2, 3];
let doubledNumbers = numbers.map(function(number) {
    
    
  return number * 2;
});
// doubledNumbers 现在是 [2, 4, 6]

reduce()：对数组中的所有元素应用指定的累加器函数，并返回单个值。

let numbers = [1, 2, 3];
let sum = numbers.reduce(function(total, number) {
    
    
  return total + number;
}, 0);
// sum 现在是 6

find()：返回数组中第一个符合条件的元素，如果不存在则返回undefined。

let numbers = [1, 2, 3, 4, 5];
let evenNumber = numbers.find(function(number) {
    
    
  return number % 2 === 0;
});
// evenNumber 现在是 2

some()：判断数组中是否有任何元素符合指定条件，如果至少有一个，则返回true。

let numbers = [1, 2, 3, 4, 5];
let hasEvenNumber = numbers.some(function(number) {
    
    
  return number % 2 === 0;
});
// hasEvenNumber 现在是 true

every()：判断数组中的所有元素是否符合指定条件，如果所有元素都符合，则返回true。

let numbers = [2, 4, 6, 8];
let allEven = numbers.every(function(number) {
    
    
  return number % 2 === 0;
});
// allEven 现在是 true

includes()：判断数组中是否包含指定的元素，如果存在则返回true。

let fruits = ["apple", "banana", "orange"];
let isBananaIncluded = fruits.includes("banana");
// isBananaIncluded 现在是 true

reverse()：颠倒数组中元素的顺序，改变原始数组。

let fruits = ["apple", "banana", "orange"];
fruits.reverse();
// fruits 现在是 ["orange", "banana", "apple"]

sort()：按升序或降序排序数组中的元素，改变原始数组。

let fruits = ["banana", "apple", "orange"];
fruits.sort();
// fruits 现在是 ["apple", "banana", "orange"]

join()：将数组中的所有元素转换为一个字符串，并使用指定的分隔符连接它们。

let fruits = ["apple", "banana", "orange"];
let fruitString = fruits.join(", ");
// fruitString 现在是 "apple, banana, orange"

toString()：将数组转换为一个字符串。

let fruits = ["apple", "banana", "orange"];
let fruitString = fruits.toString();
// fruitString 现在是 "apple,banana,orange"

length：获取或设置数组的长度。

let fruits = ["apple", "banana", "orange"];
let length = fruits.length;
// length 现在是 3

fruits.length = 2;
// fruits 现在是 ["apple", "banana"]

fill()：用指定的值填充数组中的所有元素。

let numbers = [1, 2, 3];
numbers.fill(0);
// numbers 现在是 [0, 0, 0]

flat()：按指定深度展开嵌套的数组。

let nestedNumbers = [1, [2, 3], [[4], [5, 6]]];
let flattenedNumbers = nestedNumbers.flat(2);
// flattenedNumbers 现在是 [1, 2, 3, 4, 5, 6]

from()：通过类似数组的对象或可迭代对象创建一个新数组。

let arrayLikeObject = {
    
     0: "apple", 1: "banana", 2: "orange", length: 3 };
let fruits = Array.from(arrayLikeObject);
// fruits 现在是 ["apple", "banana", "orange"]

findIndex()：返回数组中第一个符合条件的元素的索引，如果不存在则返回-1。

let numbers = [1, 2, 3, 4, 5];
let evenNumberIndex = numbers.findIndex(function(number) {
    
    
  return number % 2 === 0;
});
// evenNumberIndex 现在是 1

这些是常见的JavaScript数组方法，还有其他一些方法可以查看JavaScript文档。掌握这些方法可以让我们更加高效地处理数组数据。

Javascript常见数组方法详解

猜你喜欢