阵列 `push()` 如果不存在呢？-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，阵列是一种非常基础和重要的数据结构。而 push() 则是一个最为常用和方便的方法，可以向阵列末尾添加元素。但是，有时候我们需要应对一些特殊情况，例如在某些老版本浏览器或者特定环境下，push() 方法可能并没有被实现或支持。那么，我们该如何处理这种情况呢？

解决方案

一种可行的解决办法是使用原生的 JavaScript 数组方法—— concat() 和展开运算符（spread operator）来代替 push()。

`concat()`

concat() 方法可以将多个阵列连接成一个新的数组，并返回新的数组。因此，我们可以利用它来向现有数组末尾添加新的元素。

const arr = [1, 2, 3];
const newItem = 4;
const newArr = arr.concat(newItem);

console.log(newArr); // [1, 2, 3, 4]

展开运算符

展开运算符可以将一个数组展开为多个独立的值，也可以将多个值组合成一个数组。使用展开运算符，我们可以将多个数组和新元素合并成一个新的数组。

const arr = [1, 2, 3];
const newItem = 4;
const newArr = [...arr, newItem];

console.log(newArr); // [1, 2, 3, 4]

指导意义

通过学习和掌握如何处理 push() 不存在的情况，我们可以更好地应对各种特殊场景，提高代码的兼容性和可靠性。同时，熟练掌握 JavaScript 数组方法也是成为一名优秀前端开发工程师必备的技能之一。

示例代码

以下是一个完整的示例代码，它演示了如何添加新元素到数组末尾，即使 push() 方法不存在：

-- -------------------- ---- -------
-------- --------------- ----- -
  -- ------- -------- --- ----------- -
    ---------------
  - ---- -
    --- - -----------------
  -

  ------ ----
-

----- ------- - --- -- ---
----- ------- - --

----- -------- - ------------------- ---------

---------------------- -- --- -- -- --

在这个示例中，我们定义了一个函数 appendItem 来向数组添加一个新元素。首先，函数检查 push() 是否存在。如果存在，则使用 push() 来添加元素。否则，使用 concat() 方法将数组和新元素合并成一个新的数组。最后，函数返回新数组。

注意，我们必须将原数组作为参数传递给 appendItem() 函数，因为 JavaScript 函数参数是按值传递的（除了对象），而不是按引用传递的。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/9819