原生javscript方法---数组篇(1)

深碍√TFBOYSˉ_ 2021-07-24 15:17 355阅读 0赞

# 原生javscript方法—数组篇(1) #

## 把数组转换为字符串 ##

`toString()`把数组转换为数组值（逗号分隔）的字符串

var arr=['1',2,'a','哈','A',true];
    console.log(arr.toString());// 1,2,a,哈,A,true

`join()`方法也可将所有数组元素结合为一个字符串,它的行为类似`toString()`，但是可以规定分隔符

var arr=['1',2,'a','哈','A',true];
    console.log(arr.join(' & '));// 1 & 2 & a & 哈 & A & true

## Popping 和 Pushing ##

从数组弹出项目，或向数组推入项目。

### 1. Popping ###

`pop()`方法从数组中删除最后一个元素

var arr=['1',2,'a','哈','A',true];
    console.log(arr.pop());// true

`pop()`方法返回“被弹出”的值

### 2. Pushing ###

`push()`方法（在数组结尾处）向数组添加一个新的元素

var arr=['1',2,'a','哈','A',true];
    console.log(arr.push(222));// 6

`push()`方法返回新数组的长度

## 位移元素 ##

**`shift()`方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引**

var arr=['1',2,'a','哈','A',true];
    console.log(arr.shift());// 1

`shift()`方法返回被“位移出”的字符串

**`unshift()`方法（在开头）向数组添加新元素，并“反向位移”旧元素**

var arr=['1',2,'a','哈','A',true];
    console.log(arr.unshift(222));// 6

`unshift()`方法返回新数组的长度

## 更改元素 ##

通过使用它们的索引号来访问数组元素

var arr=['1',2,'a','哈','A',true];
    console.log(arr[5]);// true

`length`属性提供了向数组追加新元素的简易方法：

var arr=['1',2,'a','哈','A',true];
    arr[arr.length]=222;
    console.log(arr);// ["1", 2, "a", "哈", "A", true, 222]

## 删除元素 ##

既然`JavaScript`数组属于对象，其中的元素就可以使用`JavaScript` `delete`运算符来删除

var arr=['1',2,'a','哈','A',true];
    delete arr[5];
    console.log(arr);// ["1", 2, "a", "哈", "A", empty]

使用`delete`会在数组留下未定义的空洞。请使用`pop()`或`shift()`

## 拼接数组 ##

`splice()`方法可用于向数组添加新项

var arr=['1',2,'a','哈','A',true];
    console.log(arr.splice(2, 2, "333", 222));// ["a", "哈"]
    /* 第一个参数（2）定义了应添加新元素的位置（拼接）。 第二个参数（2）定义应删除多少元素。 其余参数（"333",222）定义要添加的新元素。 */

`splice()`方法返回一个包含已删除项的数组

## 使用 splice() 来删除元素 ##

通过参数设定，使用`splice()`在数组中不留“空洞”的情况下移除元素

var arr=['1',2,'a','哈','A',true];
    console.log(arr.splice(0,1));// ["1"] 删除arr中的第一个元素

## 合并（连接）数组 ##

`concat()`方法通过合并（连接）现有数组来创建一个新数组

// 合并两个数组
    var arr1=['1',2,'a','哈','A',true];
    var arr2=[3,4,5];
    console.log(arr1.concat(arr2));// ["1", 2, "a", "哈", "A", true, 3, 4, 5]
    // 合并三个数组
    var arr3=['你好','世界'];
    console.log(arr1.concat(arr2,arr3));// ["1", 2, "a", "哈", "A", true, 3, 4, 5, "你好", "世界"]

`concat()`方法不会更改现有数组。它总是返回一个新数组  
`concat()`方法可以使用任意数量的数组参数

## 裁剪数组 ##

`slice()`方法用数组的某个片段切出新数组

var arr=['1',2,'a','哈','A',true];
    console.log(arr.slice(3));// ["哈", "A", true] 
    console.log(arr.slice(1,4));// [2, "a", "哈"]

`slice()`方法创建新数组。它不会从源数组中删除任何元素  
`slice()`可接受两个参数，该方法会从开始参数选取元素，直到结束参数（不包括）为止  
如果结束参数被省略，比如第一个例子，则`slice()`会切出数组的剩余部分

# 在下篇文章中写数组去重和排序，因为较为重要所以另起一篇 #