攻克数组难关：JavaScript系列问题汇总

2023-10-21 01:58:07

问题一：数组去重复

在JavaScript中，数组元素可以是任何类型的数据，包括对象、字符串、数字等。当数组中存在重复元素时，可能会导致代码逻辑出现问题。因此，我们需要使用JavaScript提供的数组去重复方法来删除数组中的重复元素。

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

问题二：数组对象去重复

与数组元素是基本数据类型不同，数组对象中的元素是复杂数据类型，即对象。当数组对象中存在重复对象时，使用简单的去重复方法无法达到预期效果。我们需要使用更为复杂的去重复方法来删除数组对象中的重复对象。

const objects = [
  { name: 'John', age: 30 },
  { name: 'Mary', age: 25 },
  { name: 'John', age: 30 },
  { name: 'Bob', age: 40 },
];

const uniqueObjects = objects.filter((object, index, self) =>
  self.findIndex((o) => o.name === object.name && o.age === object.age) === index
);

console.log(uniqueObjects); // [{ name: 'John', age: 30 }, { name: 'Mary', age: 25 }, { name: 'Bob', age: 40 }]

问题三：数组替换值

在JavaScript中，数组元素是通过索引来访问的。当我们需要替换数组中的某个元素时，可以直接使用索引来进行替换。

const numbers = [1, 2, 3, 4, 5];
numbers[2] = 10;
console.log(numbers); // [1, 2, 10, 4, 5]

问题四：数组合并

在JavaScript中，我们可以使用concat()方法来合并两个或多个数组。合并后的数组是一个新的数组，不会影响原数组。

const numbers1 = [1, 2, 3];
const numbers2 = [4, 5, 6];
const mergedNumbers = numbers1.concat(numbers2);
console.log(mergedNumbers); // [1, 2, 3, 4, 5, 6]

问题五：数组删除虚值

在JavaScript中，数组可以包含虚值，如undefined、null和NaN。虚值可能会导致代码逻辑出现问题。因此，我们需要使用JavaScript提供的数组删除虚值方法来删除数组中的虚值。

const numbers = [1, 2, 3, undefined, null, NaN];
const filteredNumbers = numbers.filter((number) => number !== undefined && number !== null && !isNaN(number));
console.log(filteredNumbers); // [1, 2, 3]