JavaScript 中的 Array 和 Object 是非常重要且经常使用的数据结构，它们提供了许多方法来方便地操作和处理数据。在本文中，我们将介绍一些最有用的 Array 和 Object 方法，以及如何使用它们来提高代码效率。
Array 方法
1. map()
map() 方法遍历数组中的每个元素，并通过回调函数返回一个新的数组。
const arr = [1, 2, 3]; const newArr = arr.map((num) => num * 2); console.log(newArr); // Output: [2, 4, 6]
2. filter()
filter() 方法根据指定的条件从数组中过滤出符合条件的元素，并返回一个新的数组。
const arr = [1, 2, 3, 4, 5]; const filteredArr = arr.filter((num) => num % 2 === 0); console.log(filteredArr); // Output: [2, 4]
3. reduce()
reduce() 方法对数组中的所有元素进行累加或合并操作，并返回一个单值结果。
const arr = [1, 2, 3, 4, 5]; const sum = arr.reduce((total, num) => total + num, 0); console.log(sum); // Output: 15
4. sort()
sort() 方法按照升序或降序排序数组中的元素。
const arr = [3, 1, 4, 2, 5]; const sortedArr = arr.sort((a, b) => a - b); console.log(sortedArr); // Output: [1, 2, 3, 4, 5]
5. slice()
slice() 方法从数组中截取指定范围的元素，并返回一个新的数组。
const arr = [1, 2, 3, 4, 5]; const slicedArr = arr.slice(0, 3); console.log(slicedArr); // Output: [1, 2, 3]
Object 方法
1. keys()
keys() 方法返回对象中所有可枚举属性的名称。
const obj = { name: 'John', age: 25 };
const keys = Object.keys(obj);
console.log(keys); // Output: ['name', 'age']2. values()
values() 方法返回对象中所有可枚举属性的值。
const obj = { name: 'John', age: 25 };
const values = Object.values(obj);
console.log(values); // Output: ['John', 25]3. entries()
entries() 方法返回对象中所有可枚举属性的键值对。
const obj = { name: 'John', age: 25 };
const entries = Object.entries(obj);
console.log(entries); // Output: [['name', 'John'], ['age', 25]]4. assign()
assign() 方法将一个或多个源对象的属性复制到目标对象中，并返回目标对象。
const obj1 = { name: 'John' };
const obj2 = { age: 25 };
const mergedObj = Object.assign(obj1, obj2);
console.log(mergedObj); // Output: { name: 'John', age: 25 }5. freeze()
freeze() 方法冻结对象，即使属性值被更改也不会影响对象本身。
const obj = { name: 'John' };
Object.freeze(obj); // Freeze the object
obj.name = 'Mike'; // Attempt to modify the property
console.log(obj); // Output: { name: 'John' }总结
以上是 JavaScript 中最常见、最有用的 Array 和 Object 方法。它们可以帮助我们更方便地操作和处理数据，提高代码效率。在实际开发中，我们应该充分利用这些方法，并根据需要掌握更多相关的技术知识。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/34422