博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS内置对象-Array数组对象的一些常用方法区分
阅读量:5757 次
发布时间:2019-06-18

本文共 1561 字,大约阅读时间需要 5 分钟。

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

首先简单介绍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(要添加到数组的第一个元素,第二个,第三个...)
返回值:新的长度,新的长度,新的长度

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

由于想结果清晰一点,每个都加“<br/>"了, 虽然知道这样不好。。但重点不是这里啊。。

输出的结果如下:

3a,b,ka,b,c123,KK,GGEE,a,b5

虽然其实一看就懂了,但还是想说一下

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,则不会删除任何项目。代码如下:

结果

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+"
");

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

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

————WEB前端学习,学而不思则罔,无脑敲码等于浪费时间

转载地址:http://pgvkx.baihongyu.com/

你可能感兴趣的文章
标准与扩展ACL 、 命名ACL 、 总结和答疑
查看>>
查找恶意的TOR中继节点
查看>>
MAVEN 属性定义与使用
查看>>
shell高级视频答学生while循环问题
查看>>
使用@media实现IE hack的方法
查看>>
《11招玩转网络安全》之第一招:Docker For Docker
查看>>
hive_0.11中文用户手册
查看>>
hiveserver2修改线程数
查看>>
oracle体系结构
查看>>
Microsoft Exchange Server 2010与Office 365混合部署升级到Exchange Server 2016混合部署汇总...
查看>>
Proxy服务器配置_Squid
查看>>
开启“无线网络”,提示:请启动windows零配置wzc服务
查看>>
【SDN】Openflow协议中对LLDP算法的理解--如何判断非OF区域的存在
查看>>
纯DIV+CSS简单实现Tab选项卡左右切换效果
查看>>
栈(一)
查看>>
ios 自定义delegate(一)
查看>>
创建美国地区的appleId
查看>>
例题10-2 UVa12169 Disgruntled Judge(拓展欧几里德)
查看>>
JS 原生ajax写法
查看>>
Composer管理PHP依赖关系
查看>>