JS 核心语言基础语法 之 引用类型Array

举报
hwJw19 发表于 2020/07/30 16:43:44 2020/07/30
【摘要】 数组对象,就是我们先声明一个变量,然后在这个变量中以固定的格式存一些数据,这就是一组数组。

数组对象,就是我们先声明一个变量,然后在这个变量中以固定的格式存一些数据,这就是一组数组。像我们前面举的例子:

var arr = [1,11,14,55,77];

这就是一个名字叫arr的数组。

我们还是老套路,结合思维导图来学习数组:

大家只需要看展开的数组的那一部分知识哦~

先来学习,怎么创建一个数组吧:

法一:new操作符

图片.png

法二:对象字面量

图片.png

怎么样,创建一个数组,是不是很简单?创建完了数组,接下来,我们来看看怎么读写数组吧:

图片.png

观察上图,第一组是读,第二组是写,发现规律了吗?对了,就是索引,读的话,用索引就好了,写的话,就给指定索引的数组的值重新赋值即可。

数组有个属性length,我们提一嘴哈,这个是用来获取数组长度的哈~

检测数组的方法,图中有四种,其实我们常见的也就是前两种了,后两种一个是原型方法一个是constructor属性来判断,都比较偏门,具体的区别我有点忘了,主要是工作中也不咋用,有兴趣的同学,可以私聊我探讨探讨~

下面我们来说数组的方法,很重要啊,主要是用来操作数组的,我图中根据是否会改变原数组进行了分类,我们也按这个分类来说,这里我只是简单说下这些方法都是干啥使的,至于它的返回值是啥,我就不说了啊,大家可以自己查查,返回值一般在工作中用到的不多,我们只需要知道用什么方法能够把数组变成我们需要的样子就可以了。

会改变原数组的方法:

push():向数组的末尾插入一条新数据
pop():删除数组的最后一个元素
shift():删除数组的第一个元素
unshift():向数组最前面插入一条数据
reverse():反转数组
sort():数组排序,这个需要注意一下哈,因为它自己有自己的排序规则,重排出来的数组可能不是你想要的那个
splice():用来添加或删除数组元素,具体跟传入的参数有关

不改变原数组的方法:

join():把数组里的所有元素放到一个字符串里
slice():传入参数后,根据传参返回指定的数组元素
concat():合并数组
indexOf() --> ES5:从头判断数组中是否有这个值
lastIndexOf() --> ES5:从尾部判断数组中是否有这个值

以下是遍历的方法:

every ( function (item,index,arr){...} ) --> ES5

filter ( function (item,index,arr){...} ) --> ES5
forEach ( function (item,index,arr){...} ) --> ES5
map ( function (item,index,arr){...} ) --> ES5
some ( function (item,index,arr){...} ) --> ES5
reduce ( function (prev, cur, index, array){...} ) --> ES5


数组是js中很重要的知识点啊,要重视要多练习!

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。