JavaScript中数组的常用方法

目录

1. 增加元素

• 在数组开头增加
  • 通过unshift方法
  • 注意点：该方法会返回增加后数组的长度
  • 例如：arr.unshift(data);
    • 含义：将data添加到arr数组的开头
• 在数组末尾增加
  • 通过push方法
  • 注意点：该方法会返回增加后数组的长度
  • 例如：arr.push(data);
    • 含义：将data添加到arr数组的末尾

2. 删除元素

• 删除开头元素
  • 通过shift方法
  • 注意点：该方法会返回删除的元素
  • 例如：arr.shift(data);
    • 含义：删除数组arr开头的元素
• 删除结尾元素
  • 通过pop方法
  • 注意点：该方法会返回删除的元素
  • 例如：arr.pop(data);
    • 含义：删除数组arr末尾的元素
• 删除指定范围内的元素
  • 通过splice方法
  • 注意点：在此处该方法接收两个参数，第一个参数为需要删除的第一个元素的索引，第二个参数为需要删除的长度
  • 例如：arr.splice(1, 4);
    • 含义：在数组arr中，从索引为1的位置靠开始删除，一共删除4个元素

3. 更改元素

• 更改单个元素
  • 直接为需要更改的元素赋值
    • 例如：arr[1] = 4;
      • 含义：将arr[1]的值更改为4
• 更改指定范围元素
  • 通过splice方法
  • 注意点：在此处该方法接收多个参数，第一个参数为需要更改的第一个元素的索引，第二个参数为需要更改的长度，后面的参数则为具体的需要更改的值
  • 例如：arr.splice(1, 3, 4, 5, 6);
    • 含义：在数组arr中，从索引为1的位置靠开始更改，一共更改3个元素，分别更改为：4，5，6

4. 查询元素

• 查询元素的索引
  • 从左至右
    • 采用indexof方法
    • 注意点：查找成功则返回该元素的索引，查找失败则返回-1
  • 从右至左
    • 采用lastindexof方法
    • 注意点：查找成功则返回该元素的索引，查找失败则返回-1
  • 总注意点：当数组中存在相同元素时，可以向 indexof方法 和 lastindexof方法 中传递两个参数从指定的位置开始查找
    • 例如：arr.lastindexof(1， data);
    • 含义：在数组arr中 从索引为1的地方开始查找元素data

5. 清空数组

• 将数组的长度更改为0
  • 例如：arr.length = 0;
  • 含义：将数组arr的长度更改为0，清空数组arr
• 将数组赋值为空
  • 例如：arr = [];
  • 含义：将数组arr赋值为空，清空数组

6. 逆置数组

• reverse方法
  • 注意点：谁调用该方法，就对谁进行逆置，会改变原数组
  • 例如：arr1.reverse();
  • 含义：逆置数组arr1

7. 拼接两个数组

• 通过concat方法
  • 注意点：谁调用该方法，谁就在前面。并且最终不会对原数组进行更改，只会将拼接后的结果以数组的形式返回给我们
  • 例如：let res = arr1.concat(arr2);
  • 含义：将数组arr2拼接到数组arr1的后面
• 通过扩展运算符
  • 例如：let res = [...arr2, ...arr1];
  • 含义：将数组arr1拼接到数组arr2的后面

8. 将数组转换为字符串

• tostring方法
  • 注意点：该方法会将数组转换为字符串后返回给我们，而不会对原数组进行任何更改
  • 例如：let str = arr1.tostring();
  • 含义：将数组arr1转换为字符串后赋值给str
• join方法
  • 注意点：该方法会将数组转换为指定格式的字符串，默认情况下（不传递参数）效果和tostring方法一样。但是如果传递了参数，就会将该数组中的元素，通过指定符号拼接到一起，最终以字符串的形式返回给我们
  • 例如：let str = arr2.join("*");
  • 含义：将数组arr2转换为字符串后，通过*拼接到一起，最终以字符串的形式赋值给str

9. 取出指定范围的数据

• slice方法
  • 注意点：该方法是包头不包尾的，也就是说：第一个参数为我们需要取的第一个元素的索引，第二个参数为我们需要取的最后一个元素的后面一个元素的索引，最终也是以数组的形式返回给我们
  • 例如：let res = arr.slice(1, 3);
  • 含义：在数组arr中，从索引为1的元素开始取，一直取到索引为2的元素结束

10.统一给数组中的元素赋值

• fill方法
  • 注意点：将数组中的元素统一赋值为指定数据
  • 例如：arr.fill(1)
  • 含义：在数组arr中，将数组中的值统一赋值为1