资讯专栏INFORMATION COLUMN

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

zorro / 1805人阅读

摘要:语法添加删除项目的位置要删除的项目数量要添加的第一个元素第二个第三个返回值被删除的项目,如果有的话其中,第二个参数如果设置为,则不会删除任何项目。

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

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

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

    

由于想结果清晰一点,每个都加“
"了, 虽然知道这样不好。。但重点不是这里啊。。
输出的结果如下:

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

虽然其实一看就懂了,但还是想说一下
1、document.write(e.push("k")+"
");是指输出e.push()的返回值,即新数组的长度
2、f.push("c");是指单纯的push的话只是把c这个字母添加到f中
3、document.write(f+"
");这才是输出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前端学习,学而不思则罔,无脑敲码等于浪费时间        

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/80741.html

相关文章

  • JS标准库部分内置对象常用属性和方法

    摘要:常用的属性和方法创建空创建给对象添加属性给对象添加多个属性给对象添加给对象添加返回属性配置对象返回所有属性名数组返回对象原型对象阻止对象扩展冻结对象密封对象检测是否可扩展布尔值检测是否冻结布尔值检测是否密封布尔值对象原型对象对象实例的属性和 常用Object的属性和方法 创建空Object var o1 = {}; var o2 = Object.create(Object.prot...

    source 评论0 收藏0
  • 前端面试之路二(javaScript基础整理)

    摘要:在标签中添加属性,本质上是跟在标签里面写属性时一样的,所以属性值最终都会编译为字符串类型。这个节点包括很多,比如,以及一些方法等方法。一个对象有很多,该集合名字为,里面有其他以及,里面有很多。 一、变量类型和计算 JS中使用typeof能得到哪些类型 变量类型 值类型:变量本身就是含有赋予给它的数值的,它的变量本身及保存的数据都存储在栈的内存块当中 引用类型:引用类型当然是分配到...

    AbnerMing 评论0 收藏0
  • 前端基础入门四(JavaScript基础)

    摘要:学习目标掌握编程的基本思维掌握编程的基本语法我们先来学习基础,后续会讲解高级。语句基本语法当循环条件为时,执行循环体,当循环条件为时,结束循环。基础语法循环体循环条件代码示例初始化变量循环体自增循环条件语句和一般用来解决无法确认次数的循环。 学习目标: 掌握编程的基本思维 掌握编程的基本语法 我们先来学习JavaScript基础,后续会讲解JavaScript高级。 重点内容 变...

    王军 评论0 收藏0
  • 前端基础入门四(JavaScript基础)

    摘要:学习目标掌握编程的基本思维掌握编程的基本语法我们先来学习基础,后续会讲解高级。语句基本语法当循环条件为时,执行循环体,当循环条件为时,结束循环。基础语法循环体循环条件代码示例初始化变量循环体自增循环条件语句和一般用来解决无法确认次数的循环。 学习目标: 掌握编程的基本思维 掌握编程的基本语法 我们先来学习JavaScript基础,后续会讲解JavaScript高级。 重点内容 变...

    SnaiLiu 评论0 收藏0
  • 前端基础入门四(JavaScript基础)

    摘要:学习目标掌握编程的基本思维掌握编程的基本语法我们先来学习基础,后续会讲解高级。语句基本语法当循环条件为时,执行循环体,当循环条件为时,结束循环。基础语法循环体循环条件代码示例初始化变量循环体自增循环条件语句和一般用来解决无法确认次数的循环。 学习目标: 掌握编程的基本思维 掌握编程的基本语法 我们先来学习JavaScript基础,后续会讲解JavaScript高级。 重点内容 变...

    dantezhao 评论0 收藏0

发表评论

0条评论

zorro

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<