JavaScript数组核心操作：push、pop与concat详解

动态修改数组：push 与 pop

第1步：使用 push 向末尾添加元素

push 方法用于将一个或多个新元素追加到数组的末尾，并返回数组的新长度。它会直接修改原数组（原地操作）。

语法结构如下：

arrayObj.push(item1, item2, ..., itemN)

• 参数说明：item1 ... itemN 为要添加的新元素。如果传入的是数组，则该数组会被视为单个元素插入，而非展开合并。
• 适用对象：所有 Array 对象。

第2步：使用 pop 移除末尾元素

pop 方法用于移除数组中的最后一个元素，并返回被移除的元素值。该方法同样会直接修改原数组。若调用时数组为空，则返回 undefined。

语法结构如下：

arrayObj.pop()

注意：这两个方法通常成对出现，常用于实现栈（Stack）先进后出的逻辑，如任务队列管理。

组合与连接：concat 方法

第3步：安全合并多个数组或值

concat 方法用于将给定的数组或非数组值连接到当前数组之后，并返回一个全新的数组。**它不会修改原数组**，这是它与 `push/pop` 最大的区别。

语法结构如下：

var new_array = old_array.concat([value1 [, value2 [, ... [, valueN]]]])

• 工作原理：从左到右依次将参数添加到副本中。如果参数本身是数组，concat 会将其内容展平并逐个添加；如果是非数组（如字符串、数字），则作为单个元素添加。
• 内存引用机制：

1. 对象类型：如果原数组包含对象（如JSON、函数引用），复制后新旧数组中的该对象指向同一内存地址。修改任一数组中的对象属性，都会互相影响。
2. 基本类型：数值、字符串等基本类型仅复制其值。新旧数组中的互不干扰。

第4步：实操示例验证

以下代码演示了如何混合使用字符串和其他数组来构建新数组：

function ConcatArrayDemo() {
  var a, b, c, d;
  // 初始化数组a，包含1,2,3
  a = new Array(1, 2, 3);
  // 初始化字符串b
  b = "JScript";
  // 初始化数组c，包含42和"VBScript"
  c = new Array(42, "VBScript");
  
  // 执行连接：a + b + c的内容
  d = a.concat(b, c);
  
  // 结果：d 为 [1, 2, 3, "JScript", 42, "VBScript"]
  // 原数组 a, b, c 均未发生改变
  return d;
}

在这个例子中，变量 d 得到了一个新数组，而 a 仍然是长度为3的原始数组，这体现了 concat “保留原貌”的特性。

总结

push 和 pop 适用于需要改变原数组的场景，分别负责从尾部进出元素；concat 适用于需要生成新数据而不污染旧数据的场景。在实际开发中，选择哪种方法取决于你是否允许副作用（Side Effects）的存在。以上就是JavaScript数组核心操作方法 push、pop 和 concat 的详细内容，更多关于 JavaScript 基础语法的资料请关注本站其它相关文章！