JavaScript 数组详解(3)


var a=new Array(1,2,3,4,5);
            console.log(a.splice(1,3));//[2, 3, 4]
            console.log(a.length);//2
            console.log(a);//[1,5]

如果数组索引不是从0开始的,那么结果会很有意思,有一这样数组

复制代码 代码如下:


var a=new Array();
        a[2]=2;
        a[3]=3;
        a[7]=4;
        a[8]=5;

image

复制代码 代码如下:


console.log(a.splice(3,4)); //[3]
        console.log(a.length); //5
        console.log(a); //[2: 2, 3: 4, 4: 5]



上面例子可以看到,splice的第一个参数是绝对索引值,而不是相对于数组索引,第二个参数并不是删除元素的个数,而是删除动作执行多少次,并不是按数组实际索引移动,而是连续移动。同时调整后面元素索引,前面索引不理会

插入与替换

只要方法第二个参数,也就是删除动作执行的次数设为0,第三个参数及以后填写要插入内容就splice就能执行插入操作,而如果第二个参数不为0则变成了先在该位置删除再插入,也就是替换效果

复制代码 代码如下:


var a=new Array(1,2,3,4,5);
       a.splice(1,0,9,99,999);
       console.log(a.length); //8
       console.log(a);//[1, 9, 99, 999, 2, 3, 4, 5]
       a.splice(1,3,8,88,888);
       console.log(a.length);//8
       console.log(a);//[1, 8, 88, 888, 2, 3, 4, 5]



常用方法

join(char)

这个方法在C#等语言中也有,作用是把数组元素(对象调用其toString()方法)使用参数作为连接符连接成一字符串

复制代码 代码如下:


var a=new Array(1,2,3,4,5);
       console.log(a.join(',')); //1,2,3,4,5
       console.log(a.join(' ')); //1 2 3 4 5
slice(start,end)

不要和splice方法混淆,slice

复制代码 代码如下:


var a=new Array(1,2,3,4,5);
            console.log(a); //[1, 2, 3, 4, 5]
            console.log(a.slice(1,2));//
            console.log(a.slice(1,-1));//[2, 3, 4]
            console.log(a.slice(3,2));//[]
            console.log(a); //[1, 2, 3, 4, 5]


方法用于返回数组中一个片段或子数组,如果只写一个参数返回参数到数组结束部分,如果参数出现负数,则从数组尾部计数(-3意思是数组倒第三个,一般人不会这么干,但是在不知道数组长度,想舍弃后n个的时候有些用,不过数组长度很好知道。。。。,好纠结的用法),如果start大于end返回空数组,值得注意的一点是slice不会改变原数组,而是返回一个新的数组。

concat(array)

看起来像是剪切,但这个真不是形声字,concat方法用于拼接数组,a.concat(b)返回一个a和b共同组成的新数组,同样不会修改任何一个原始数组,也不会递归连接数组内部数组

复制代码 代码如下:


var a=new Array(1,2,3,4,5);
            var b=new Array(6,7,8,9);
            console.log(a.concat(b));//[1, 2, 3, 4, 5, 6, 7, 8, 9]
            console.log(a); //[1, 2, 3, 4, 5]
            console.log(b); //[6, 7, 8, 9]
reverse()

方法用于将数组逆序,与之前不同的是它会修改原数组

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdzdyx.html