返回

在 JavaScript 中掌握数组和字典的 68 条准则：第 43 至 52 条

前端

JavaScript 中数组和字典的准则

43. 使用数组存储同类型数据

数组是一种有序的数据结构，可以存储同类型的数据元素。在 JavaScript 中，可以使用 [] 来定义数组，例如：

const numbers = [1, 2, 3, 4, 5];
const fruits = ["apple", "banana", "cherry", "durian", "elderberry"];

44. 使用字典存储键值对

字典（也称为对象）是一种无序的数据结构，可以存储键值对。在 JavaScript 中，可以使用 {} 来定义字典，例如：

const person = {
  name: "John Doe",
  age: 30,
  city: "New York",
};

45. 避免在数组中存储异构数据

异构数据是指不同类型的数据元素。在数组中存储异构数据可能会导致代码难以理解和维护。例如，以下数组包含不同类型的数据元素：

const mixedArray = [1, "apple", true, { name: "John Doe" }];

这种数组很难理解和维护，因为您必须记住每种数据元素的类型。最好使用字典来存储异构数据，以便您可以将每种类型的数据元素存储在单独的键下。

46. 使用数组遍历器来遍历数组

数组遍历器是一种可以在数组中迭代数据元素的对象。在 JavaScript 中，可以使用 for...of 循环来遍历数组，例如：

for (const number of numbers) {
  console.log(number);
}

47. 使用字典遍历器来遍历字典

字典遍历器是一种可以在字典中迭代键值对的对象。在 JavaScript 中，可以使用 for...in 循环来遍历字典，例如：

for (const key in person) {
  console.log(key, person[key]);
}

48. 使用数组方法来处理数组

JavaScript 提供了多种数组方法，可以帮助您轻松地处理数组数据。这些方法包括：

  • Array.prototype.push()：将一个或多个元素添加到数组的末尾。
  • Array.prototype.pop()：从数组的末尾删除最后一个元素。
  • Array.prototype.shift()：从数组的开头删除第一个元素。
  • Array.prototype.unshift()：将一个或多个元素添加到数组的开头。
  • Array.prototype.slice()：返回数组的一部分。
  • Array.prototype.splice()：从数组中删除元素或向数组中添加元素。

49. 使用字典方法来处理字典

JavaScript 也提供了一些字典方法，可以帮助您轻松地处理字典数据。这些方法包括：

  • Object.prototype.hasOwnProperty()：检查字典是否包含一个特定的键。
  • Object.prototype.keys()：返回字典中所有键的数组。
  • Object.prototype.values()：返回字典中所有值的数组。
  • Object.prototype.entries()：返回字典中所有键值对的数组。

50. 使用展开运算符来展开数组

展开运算符（...）可以将数组展开成一组单独的元素。这对于将数组元素传递给函数或将数组元素添加到另一个数组非常有用。例如，以下代码将 numbers 数组展开并将其添加到 mixedArray 数组：

mixedArray.push(...numbers);

51. 使用剩余运算符来收集函数参数

剩余运算符（...）还可以用来收集函数参数。这对于处理可变数量的参数非常有用。例如，以下函数可以接受任意数量的参数：

function sum(...numbers) {
  let total = 0;
  for (const number of numbers) {
    total += number;
  }
  return total;
}

52. 使用解构赋值来提取数组和字典元素

解构赋值是一种将数组或字典元素分配给变量的语法。这对于从数组或字典中提取数据非常有用。例如，以下代码从 person 字典中提取 name 和 age 字段：

const { name, age } = person;