JS-数组-函数的使用

2021-02-28

slice

/* 简单的使用slice截取数组 */
    let ary = [1,2,3,4,5];
    /* 两个参数的含义：起始下标：1（包含1），结束下标：2（不包含下标2） */
    let newAry = ary.slice(1,2);
    console.log(newAry);//[2]
    console.log(ary);//[1,2,3,4,5],说明slice函数并不修改原数组，只是复制了结果

    /* 无参数：含义截取整个数组 */
    ary.slice();//[1,2,3,4,5]

    /* 只有一个参数:表示从下标2开始截取（包含下标2）到结束 */
    ary.slice(2);//[3, 4, 5]

splice-实现数组的增删改

splice-实现数组的删除

    1
2
3
4
5
6

let ary = [1,2,3,4,5];
/* 两个参数的含义：从哪个下标开始截取；截取几个元素 */
let newA = ary.splice(0,2);
console.log(ary);//[3,4,5]，发现原数组被改变，删除了[1,2]
console.log(newA);//[1,2]

应用：删除结点元素

splice-实现数组的增加（替换操作）

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

let ary = [1,2,3,4,5];
let ary2 = ['a','b','c','d'];

/* 在头部追加：前两个参数的含义不变，之后的参数为新增的元素内容，从原数组的头部插入（因为第一个参数为0） */
let newA = ary.splice(0,2,'x1','x2','x3');
/* 在插入的同时进行了删除 */
console.log(ary);//["x1", "x2", "x3", 3, 4, 5]
console.log(newA);//[1, 2]

/* 在特定位置追加:在2-3数字之间的位置追加 */
let ary3 = [1,2,3,4,5];
ary3.splice(2,0,'a','b');
console.log(ary3);//[1, 2, "a", "b", 3, 4, 5]

/* 在末尾增加 */
ary3.splice(ary3.length,0,'cc');
console.log(ary3);// [1, 2, "a", "b", 3, 4, 5, "cc"]

/* 替换操作 ：把ary2中的b替换为2*/
let newA2 = ary2.splice(1,1,2);
console.log(newA2);//输出被删除的元素["b"]
console.log(ary2);//["a", 2, "c", "d"]

splice-实现数组的清空

 /* 清空数组的几种方式 */
hd = [],//不会影响其他
hd.length = 0;//若是复制的会影响原数值
hd.splice(0); || hd.splice(0,hd.length);
while(hd.pop()){}