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

第一篇篇幅太长了,自己回顾都觉得有点伤神。。以后尽量多篇少字~

首先简单介绍Array数组对象

什么是数组:

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

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

1、常规方式:

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

2、简洁方式:

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

3、常用方式:

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

如何进行数组访问:

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

var name=gyt[0];

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

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

---------------末尾追加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

虽然其实一看就懂了,但还是想说一下
1、document.write(e.push("k")+"<br/>");是指输出e.push()的返回值,即新数组的长度
2、f.push("c");是指单纯的push的话只是把c这个字母添加到f中
3、document.write(f+"<br/>");这才是输出f这个数组,当初和1有点搞混了(现在在看,发觉以前的自己是真的蠢。。)
4、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前端学习,学而不思则罔,无脑敲码等于浪费时间        
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值