提示信息

扩展操作符 (...array) 用法

心亡 已关注

扩展运算符(spread operator) ... 在 JavaScript 中有多种用途:

  1. 复制数组:可以使用扩展运算符来创建一个数组的副本,而不会改变原始数组。
  1. let arr = [1, 2, 3];
  2. let arrCopy = [...arr]; // [1, 2, 3]
  1. 合并数组:也可以使用扩展运算符来合并两个或更多的数组。
  1. let arr1 = [1, 2, 3];
  2. let arr2 = [4, 5, 6];
  3. let mergedArr = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]
  1. 将字符串拆分为字符数组
  1. let str = 'hello';
  2. let charArr = [...str]; // ['h', 'e', 'l', 'l', 'o']
  1. 将 arguments 或 NodeList 转换为数组:这在函数内部或处理 DOM 元素列表时很有用。
  1. function sum() {
  2. let args = [...arguments];
  3. return args.reduce((sum, current) => sum + current, 0);
  4. }
  5. let nodeList = document.querySelectorAll('div');
  6. let nodeArr = [...nodeList];
  1. 在对象中使用:扩展操作符也可以用于对象,进行对象属性的复制或合并。
  1. let obj1 = { a: 1, b: 2 };
  2. let obj2 = { c: 3, ...obj1 }; // { c: 3, a: 1, b: 2 }

这只是扩展运算符的一部分用途,它在 JavaScript 的各个方面都有广泛的应用。

    遇到难题? "AI大模型GPT4.0、GPT" 是你的私人解答专家! 点击按钮去提问......
心亡 关注 已关注

最近一次登录:2023-12-15 20:20:52   

暂时还没有签名,请关注我或评论我的文章
×
免费图表工具,画流程图、架构图