JS操作数组方法学习系列（2）

---

👍 点赞，你的认可是我创作的动力！

⭐️ 收藏，你的青睐是我努力的方向！

✏️ 评论，你的意见是我进步的财富！

---

数组元素检查 (every 和 some)

作用: every检查数组中的每个元素是否满足条件，some检查是否至少有一个元素满足条件。

示例:

const numbers = [1, 2, 3, 4, 5];
const allEven = numbers.every(num => num % 2 === 0);
const hasEven = numbers.some(num => num % 2 === 0);
// allEven: false, hasEven: true
1
2
3
4

常见场景: 验证数组中的元素是否符合条件。

数组元素排序 (sort)

作用: 对数组中的元素进行排序，可以指定排序比较函数。

示例:

const fruits = ['banana', 'apple', 'cherry'];
fruits.sort();
// fruits: ['apple', 'banana', 'cherry']
1
2
3

常见场景: 对数组进行排序，例如字母顺序或数值大小。

数组元素倒序排序 (reverse)

作用: 反转数组中的元素的顺序。

示例:

const numbers = [1, 2, 3, 4, 5];
numbers.reverse();
// numbers: [5, 4, 3, 2, 1]
1
2
3

常见场景: 反转数组的顺序。

数组元素拼接为字符串 (join)

作用: 使用指定的分隔符将数组中的元素拼接为一个字符串。

示例:

const words = ['Hello', 'World', '!'];
const sentence = words.join(' ');
// sentence: 'Hello World !'
1
2
3

常见场景: 将数组元素合并成一个字符串。

数组元素查找最大/最小值 (Math.max 和 Math.min)

作用: Math.max返回数组中的最大值，Math.min返回数组中的最小值。

示例:

const numbers = [5, 2, 9, 1, 7];
const maxNumber = Math.max(...numbers);
const minNumber = Math.min(...numbers);
// maxNumber: 9, minNumber: 1
1
2
3
4

常见场景: 查找数组中的最大和最小值。

数组去重 (Set 和 filter)

作用: 使用Set对象或filter方法来去除数组中的重复元素。

示例:

const numbers = [1, 2, 2, 3, 4, 4, 5];
const uniqueNumbers = [...new Set(numbers)];
// 或者
const uniqueNumbers2 = numbers.filter((value, index, self) => self.indexOf(value) === index);
// uniqueNumbers: [1, 2, 3, 4, 5]
1
2
3
4
5

常见场景: 去除数组中的重复元素。

数组元素查找并删除 (splice)

作用: 查找数组中的元素并删除它们，可以插入新元素。

示例:

const fruits = ['apple', 'banana', 'cherry'];
const removedFruits = fruits.splice(1, 2, 'kiwi', 'mango');
// removedFruits: ['banana', 'cherry'], fruits: ['apple', 'kiwi', 'mango']
1
2
3

常见场景: 修改数组中的元素，同时获取删除的元素。

数组元素扁平化 (flat)

作用: 将多维数组变为一维数组。

示例:

const nestedArray = [1, [2, 3], [4, [5, 6]]];
const flatArray = nestedArray.flat(2);
// flatArray: [1, 2, 3, 4, 5, 6]
1
2
3

常见场景: 处理包含嵌套数组的数据。

数组元素查找并替换 (map 和 replace)

作用: 使用map方法查找并替换数组中的元素。

示例:

const fruits = ['apple', 'banana', 'cherry'];
const updatedFruits = fruits.map(fruit => fruit === 'banana' ? 'kiwi' : fruit);
// updatedFruits: ['apple', 'kiwi', 'cherry']
1
2
3

常见场景: 查找特定元素并替换它们。

数组元素随机排序 (shuffle)

作用: 随机打乱数组中的元素顺序。

示例:

const numbers = [1, 2, 3, 4, 5];
const shuffledNumbers = numbers.sort(() => Math.random() - 0.5);
1
2

常见场景: 随机排序元素，例如洗牌。

数组元素切分为多个数组 (chunk)

作用: 将数组切分为多个指定大小的子数组。

示例:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8];
const chunkedArray = [];
const chunkSize = 3;

for (let i = 0; i < numbers.length; i += chunkSize) {
  chunkedArray.push(numbers.slice(i, i + chunkSize));
}
1
2
3
4
5
6
7

常见场景: 将数组切分成更小的块。

数组元素批量删除 (filter)

作用: 使用filter方法批量删除满足条件的元素。

示例:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8];
const filteredNumbers = numbers.filter(num => num % 2 === 0);
// filteredNumbers: [2, 4, 6, 8]
1
2
3

常见场景: 删除数组中满足特定条件的元素。

数组元素去重 (filter 和 Set)

作用: 使用filter和Set对象来去重数组中的元素。

示例:

const numbers = [1, 2, 2, 3, 4, 4, 5];
const uniqueNumbers = numbers.filter((value, index, self) => self.indexOf(value) === index);
// 或者
const uniqueNumbers2 = [...new Set(numbers)];
// uniqueNumbers: [1, 2, 3, 4, 5]
1
2
3
4
5

常见场景: 去除数组中的重复元素。

数组元素查找 (includes)

作用: 检查数组中是否包含指定的元素，返回布尔值。

示例:

const numbers = [1, 2, 3, 4, 5];
const hasThree = numbers.includes(3);
// hasThree: true
1
2
3

常见场景: 检查数组中是否包含特定元素。

数组元素去重 (Set)

作用: 使用Set对象来去除数组中的重复元素。

示例:

const numbers = [1, 2, 2, 3, 4, 4, 5];
const uniqueNumbers = [...new Set(numbers)];
// uniqueNumbers: [1, 2, 3, 4, 5]
1
2
3

常见场景: 去除数组中的重复元素。

数组元素填充 (fill)

作用: 使用指定的值填充数组的所有元素。

示例:

const numbers = [1, 2, 3, 4, 5];
numbers.fill(0);
// numbers: [0, 0, 0, 0, 0]
1
2
3

常见场景: 将数组元素初始化为特定值。

数组元素分组 (reduce)

作用: 使用reduce方法将数组元素按照特定规则分组。

示例:

const numbers = [1, 2, 3, 4, 5, 6];
const grouped = numbers.reduce((acc, num) => {
  if (num % 2 === 0) {
    acc.even.push(num);
  } else {
    acc.odd.push(num);
  }
  return acc;
}, { even: [], odd: [] });
// grouped: { even: [2, 4, 6], odd: [1, 3, 5] }
1
2
3
4
5
6
7
8
9
10

常见场景: 根据特定条件将数组元素分组。