JavaScript中如何执行追加（append）操作？新手开发者咨询

嘿，作为刚接触JS、HTML的新手，我完全懂你现在的困惑～你的labels是一个JavaScript数组，里面装的是一个个标签对象，要给它追加元素其实有好几种简单直观的方法，我给你一一拆解：

• 方法一：用push()方法（最常用，直接修改原数组）
  这是数组最基础的追加方式，直接把你要添加的新对象放进数组末尾就行。比如先定义好新的标签对象，再追加：

  // 定义你要追加的新标签对象
  const newLabel = {
    id: "4",
    image: "1-0.png",
    name: "",
    xMax: "5000",
    xMin: "4950",
    yMax: "158",
    yMin: "142"
  };
  // 把新对象追加到labels数组的末尾
  labels.push(newLabel);
  

  要是想一次性追加多个对象，直接把它们都作为push()的参数传进去就好：labels.push(newLabel1, newLabel2);

• 方法二：用扩展运算符...生成新数组（不改动原数组）
  如果你不想修改原来的labels数组，而是想要一个包含原数组元素+新元素的全新数组，可以用扩展运算符：

  // 生成包含原数组和新元素的新数组
  const updatedLabels = [...labels, newLabel];
  

  这样原labels数组完全不变，updatedLabels就是更新后的数组啦。

• 方法三：用concat()方法（同样返回新数组）
  和扩展运算符的效果类似，concat()方法会返回一个合并后的新数组，不会影响原数组：

  // 合并原数组和新元素，得到新数组
  const updatedLabels = labels.concat(newLabel);
  // 追加多个对象的话：labels.concat(newLabel1, newLabel2);
  

追加完成后，你可以用console.log(JSON.stringify(labels))（或者直接console.log(labels)）来检查结果，看看新的标签对象是不是已经成功加入数组了～

内容的提问来源于stack exchange，提问作者user9686018