JavaScript 中的扩展运算符(Spread Operator)是一种语法,用于在数组、对象字面量和函数调用中展开数组或对象。
-
在数组中使用扩展运算符:
const arr1 = [1, 2, 3]; const arr2 = [...arr1, 4, 5, 6]; console.log(arr2); // 输出: [1, 2, 3, 4, 5, 6]
在这个例子中,扩展运算符
...arr1
将数组arr1
展开,然后将展开的元素插入到新数组arr2
中。 -
在对象字面量中使用扩展运算符:
const obj1 = { name: 'John', age: 30 }; const obj2 = { ...obj1, city: 'New York' }; console.log(obj2); // 输出: { name: 'John', age: 30, city: 'New York' }
在这个例子中,扩展运算符
...obj1
将对象obj1
展开,然后将展开的属性和值插入到新对象obj2
中。 -
在函数调用中使用扩展运算符:
const numbers = [1, 2, 3, 4, 5]; console.log(Math.max(...numbers)); // 输出: 5
在这个例子中,扩展运算符
...numbers
将数组numbers
展开,将展开的元素作为参数传递给Math.max
函数。
扩展运算符可以简化数组和对象的操作,使得代码更加简洁和易读。它可以用于创建新的数组或对象副本,合并数组或对象,以及在函数调用中传递数组或对象作为参数。
请注意,扩展运算符在 JavaScript ES6 中引入,因此在更旧的浏览器或环境中可能不受支持。