面试题：JavaScript 中如何动态增加数组长度并添加元素

Question

在JavaScript里，给定一个数组 `let arr = [1, 2, 3]`，要求通过两种不同的方法动态增加数组长度并在末尾添加元素4。请写出具体代码，并简要说明每种方法的原理。

Answer 1

1. 使用 push 方法：
   • 代码：

   let arr = [1, 2, 3];
   arr.push(4);
   console.log(arr);
   

   • 原理：push 方法用于在数组的末尾添加一个或多个元素，并返回新数组的长度。它会直接修改原数组，将传入的元素依次添加到数组末尾，从而实现动态增加数组长度并在末尾添加元素的功能。
2. 使用 length 属性：
   • 代码：

   let arr = [1, 2, 3];
   arr[arr.length] = 4;
   console.log(arr);
   

   • 原理：JavaScript 数组的 length 属性表示数组的长度。通过将新元素赋值给索引为 arr.length 的位置，由于数组的索引从 0 开始，arr.length 正好是数组末尾的下一个位置，所以能在数组末尾添加新元素，同时数组的 length 属性会自动更新，实现动态增加数组长度。