[前端]JS——基本的数组操作

目录

一、创建数组

1、使用new创建新数组

2、使用“[]”创建新数组

二、访问数组元素

array[n]

三、获取数组长度

Array.length

 四、数组新增元素

1、array[arr.length]=元素

2、尾部新增：array.push(元素)

3、头部新增：array.unshift(元素)

3、splice(要修改元素的下标，删除个数/（0），添加的元素)

五、删除数组元素

1、尾部删除：Array.pop()

2、头部删除：Array.shift()

 3、splice(要修改元素的下标，删除个数)

六、合并两个数组

1、Array.concat(array)

2、扩展运算（...）

 七、截取数组元素

Array.slice(开始下标，结束下标)

 八、数组排序

数组逆序：Array.reverse()

---

一、创建数组

1、使用new创建新数组

<script>
    let arr = new Array();
    arr[0]=1;
    arr[1]=2;
    console.log(arr);
</script>

运行结果：

2、使用“[]”创建新数组

<script>
    let arr = [1,2,3];
    console.log(arr);
</script>

运行结果：

注意：数组中的元素数据类型是任意的。

<script>
    let arr = [1,"字符串",{"sno":"111"}];
    console.log(arr);
</script>

二、访问数组元素

array[n]

通过数组元素下标进行访问(下标从0开始)，超出下标的部分显示undefined.

<script>
    let arr = [1,2,3]
    console.log(arr);
    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);
    // 超出部分显示undefined
    console.log(arr[3]);
</script>

运行结果:

三、获取数组长度

Array.length

<script>
    let arr = [1,2,3]
    console.log(arr);
    console.log("数组长度为：",arr.length);
</script>

运行结果：

 四、数组新增元素

1、array[arr.length]=元素

2、尾部新增：array.push(元素)

3、头部新增：array.unshift(元素)

<script>
    let arr = [1,2,3]
    console.log(arr);
    arr[length]=4;
    console.log("通过arr[length]=元素方式新增元素4",arr);
    arr.push(5)
    console.log("通过arr.push(元素)方式新增元素5",arr);
    arr.unshift(6)
    console.log("通过arr.unshift(元素)方式新增元素6",arr);
</script>

运行结果:

3、splice(要修改元素的下标，删除个数/（0），添加的元素)

<script>
    let arr = [1,2,3,4,5]
    arr.splice(0,0,"00000")
    console.log("arr使用splice()删除数组下标为0新增'00000'元素,结果为",arr);
</script>

运行结果：

五、删除数组元素

1、尾部删除：Array.pop()

<script>
    let arr = [1,2,3]
    arr.pop();
    console.log("arr使用Array.pop()删除元素，结果为",arr);
</script>

运行结果：

2、头部删除：Array.shift()

<script>
    let arr = [1,2,3,4]
    arr.shift();
    console.log("arr使用Array.shift()删除元素，结果为",arr);
</script>

运行结果：

 3、splice(要修改元素的下标，删除个数)

<script>
    let arr = [1,2,3,4,5]
    arr.splice(0,2)
    console.log("arr使用splice()删除数组下标为0开始的联系的2个元素,结果为",arr);
</script>

运行结果：

注意：splice(要修改元素的下标，删除个数，添加的元素)把删除和增加一起设置可以替换元素。

六、合并两个数组

1、Array.concat(array)

<script>
    let arr1=[1,2,3]
    let arr2=[4,5,6]
    arr3=arr1.concat(arr2)
    console.log(arr3);
</script>

运行结果

2、扩展运算（...）

<script>
    let arr1=[1,2,3]
    let arr2=[4,5,6]
    arr3=[...arr1,...arr2]
    console.log(arr3);
</script>

运行结果：

 七、截取数组元素

Array.slice(开始下标，结束下标)

<script>
    let arr1=[1,2,3,4,5,6]
    arr2=arr1.slice(0,2)
    console.log("arr1=",arr1);
    console.log("arr2=",arr2);
</script>

运行结果：

 八、数组排序

数组逆序：Array.reverse()

<script>
    let arr1=[1,2,3,4,5,6]
    console.log(arr1.reverse());
</script>

运行结果：

数组从小到大排序

<script>
    arr=[1,3,4,2,43,11,33,10,33,11]
    arr.sort((a,b)=>a-b)
    console.log(arr);
</script>

数组从大到小排序

<script>
    arr=[1,3,4,2,43,11,33,10,33,11]
    arr.sort((a,b)=>b-a)
    console.log(arr);
</script>