ECMAScript 的 spread 操作符(展开操作符)允许一个可迭代对象(如数组、字符串、Set、Map 等)展开为一系列单独的元素。spread 操作符的语法是用三个点(…)表示。它在不同的场景下有多种用途,下面是一些常见的用法:
function sum(x, y, z) {
return x + y + z;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 输出 6
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combinedArr = [...arr1, ...arr2];
console.log(combinedArr); // 输出 [1, 2, 3, 4, 5, 6]
const originalArr = [1, 2, 3];
const copiedArr = [...originalArr];
console.log(copiedArr); // 输出 [1, 2, 3]
const str = "hello";
const charArray = [...str];
console.log(charArray); // 输出 ['h', 'e', 'l', 'l', 'o']
const mySet = new Set([1, 2, 3]);
const myMap = new Map([['a', 1], ['b', 2], ['c', 3]]);
const setArray = [...mySet];
const mapArray = [...myMap.entries()];
console.log(setArray); // 输出 [1, 2, 3]
console.log(mapArray); // 输出 [['a', 1], ['b', 2], ['c', 3]]
注意:spread 操作符只能用于可迭代对象,如果尝试用于不可迭代对象,将会抛出错误。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。