扩展运算符（Spread Syntax）和 拷贝

扩展运算符（Spread Syntax）

...item 是 JavaScript 中的扩展运算符（Spread Syntax）的语法。它可以将一个可迭代对象（如数组或字符串）展开为多个单独的元素，可以用在函数调用、数组字面量、对象字面量等场景中。

例如：

 const newAction = { ...this.pointOneActionform }; // 创建一个新的 action 对象

提示：扩展运算符的拷贝是浅拷贝，只会拷贝对象的引用，而不是对象的内容。

拷贝问题

例如：

     this.PlanLinelsit = JSON.parse(JSON.stringify(this.PlanLineData));

这是就是我们常见的深度拷贝

扩展运算符拷贝

... 当属性值是对象或数组时，它们在进行浅拷贝时会共享引用

const obj = { 
  nestedArray: [1, 2, 3],
  o:'111'
};

const newObj = { ...obj };

// 修改原对象的属性值
obj.nestedArray.push(4);
obj.o='4444'

console.log(obj.nestedArray);   // 输出: [1, 2, 3, 4]
console.log(newObj.nestedArray); // 输出: [1, 2, 3, 4]
console.log(obj.o);   // 输出: '444'
console.log(newObj.o); // 输出: '111'

工作中

一般；工作中在data:写好pointData 数据太多 要改个别几个数据

 分解 并保存id, lng, lat, actions属性
const { id, lng, lat, actions, ...rest } = this.PointData;
        const newPointData = {
          id: this.countingPoints, // 航点id
          ...rest, // 保留其他属性的值
          lng: Position[0], // 经度
          lat: Position[1], // 纬度
          actions: [] //数组
        };

  this.routeList = this.routeList.map((item, index) => {
  return {
    ...item,
    id: index
  };
});

技术名词解释

提示：这里可以添加技术名词解释

例如：

• Bert
• GPT 初代
• GPT-2
• GPT-3
• ChatGPT

技术细节

提示：这里可以添加技术细节

例如：

• API
• 支持模型类型

小结

提示：这里可以添加总结

例如：

提供先进的推理，复杂的指令，更多的创造力。