JS内置对象-Array数组对象的一些经常使用方法区分

第一篇篇幅太长了,本身回顾都以为有点伤神。。之后尽可能多篇少字~前端

首先简单介绍Array数组对象数组

什么是数组:

用单独的变量名存储一系列的值学习

如何建立数组:(有3种方法)

一、常规方式:code

var gyt=new Array(); 
gyt[0]="aaa";       
gyt[1]="bbb";
gyt[2]="ccc";

二、简洁方式:对象

var gyt=new Array("aaa","bbb","ccc");

三、经常使用方式:排序

var gyt=["aaa","bbb","ccc"];

如何进行数组访问:

经过指定数组名和索引号访问,如下是访问gyt数组的第一个值索引

var name=gyt[0];

sort(a,b)排序,a-b,升序;b-a,降序
reverse()把你原先设置的数组中的元素排序整个调转ip

而后就是本篇重点,push()方法的用法、它的死对头unshift(),以及push()与concat()区别it

---------------末尾追加push()---------------

首先~
定义:push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
语法:push(要添加到数组的第一个元素,第二个,第三个...)
返回值:新的长度,新的长度,新的长度变量

新的长度嘛,一看就懂啊,对,当初我也懂了,但敲码时仍是被卡了一下,脑子一会儿转不过来,马上进入代码环节~

<script>
        var e=["a","b"];
        document.write(e.push("k")+"<br/>");//结果显示:3
        var f=["a","b"];
            f.push("c");
        var g= ["a","b"];
            g.unshift("123","KK","GGEE");//开头追加unshift()
        document.write(e+"<br/>");
        document.write(f+"<br/>");
        document.write(g+"<br/>");
        document.write(g.push()+"<br/>");
    </script>

因为想结果清晰一点,每一个都加“<br/>"了, 虽然知道这样很差。。但重点不是这里啊。。
输出的结果以下:

3
a,b,k
a,b,c
123,KK,GGEE,a,b
5

虽然其实一看就懂了,但仍是想说一下
一、document.write(e.push("k")+"<br/>");是指输出e.push()的返回值,即新数组的长度
二、f.push("c");是指单纯的push的话只是把c这个字母添加到f中
三、document.write(f+"<br/>");这才是输出f这个数组,当初和1有点搞混了(如今在看,发觉之前的本身是真的蠢。。)
四、g.unshift("123","KK","GGEE");就是我前面提到的push()的死对头,push()是末尾追加新的元素,而unshift是和它彻底相反,是在数组开头追加新的元素。

“不是开头就是结尾,那么死板谁会用啊,还说是经常使用方法”,没办法了,这个时候拓展一下知识,对,就是他,splice()。
此方法本人称其谓数组霸道法,能改变原始数组,想删谁就删谁,想在哪追加就在哪追加

下面是splice()简单介绍
定义:向/从数组中添加/删除项目。
语法:arrayObject.splice(添加/删除项目的位置,要删除的项目数量,要添加的第一个元素,第二个,第三个..)
返回值:被删除的项目,若是有的话

其中,第二个参数若是设置为 0,则不会删除任何项目。代码以下:

<script>
    var arr = new Array(3)
    arr[0] = "tom";
    arr[1] = "ben";
    arr[2] = "小明";
    document.write(arr+"<br>");
    arr.splice(1,0,"k");
    document.write(arr + "<br/>");
</script>

结果

tom,ben,小明
tom,k,ben,小明

若是想删除ben这个名字的话,改成arr.splice(1,1,"k");便可,就再也不贴代码了。

最后是push()和concat()的区别
concat()做用是合并多个数组,返回值是新的结果!!!简单示例:

var a=["hello","world"];
    var b=["haha","you"];
    var c=a.concat(b);
    document.write(c+"<br>");

而push(),通过上面这么啰嗦的解释就知道了,它是末尾追加,返回值是新的数组的长度啊!!!

其实还有join(),又是和concat()很相似的,就不延伸了。毕竟都是小知识。

————WEB前端学习,学而不思则罔,无脑敲码等于浪费时间
相关文章
相关标签/搜索