2019年8月24日

JavaScript-Array相关基础属性方法(转)

作者 admin

Array

数组,列表。按照顺序排列数据,或者说内部数据是按照自然数顺序排列(0,1,2,3,4…n),如下:

// 字面量创建
var arr = [1, 2, 3, 4]

// 按照自然数索引获取,记住,是自然数,就是说从0开始索引,0为第一个,1为第二个……
arr[0] // 1
arr[1] // 2
arr[2] // 3
arr[3] // 4

下面简单介绍一些常用方法或属性:

方法(或属性) 说明
length 长度,属性
push 尾部添加一个元素
pop 删除尾部的元素
shift 删除第一个元素
unshift 添加元素到头部
splice 替换数据(根据不同业务,可实现删除,插入以及替换功能)
slice 截取数组
concat 拼接数组
join 数组转字符串
indexOf 查找元素索引

实例如下,其中array = [3, 1, 2] 每次使用都是这个值,不因为例子而更改

array.length 3,获取数组的长度

array.push(4) array = [3, 1, 2, 4],自身添加到最后一个,返回长度

array.pop() array = [3, 1],自身删除最后一个,返回 pop

array.shift() array = [1, 2] ,删除数组第一个元素, 并返回该元素

array.unshift(4) array = [4, 3, 1, 2],添加若干到开头, 返回长度

arr = array.slice(0, 1) arr = [3], array 不变,从下标 0,到下标 1(下标可以是负数),返回新数组单不包含最后一个

arr = array.slice() arr = [3, 1, 2],深拷贝的一种方法

arr = array.concat(4, 5) arr = [3, 1, 2, 4, 5],连接若干数组或数组后添加值

arr = array.concat() arr = [3, 1, 2],深拷贝的另一种方法

arr = array.join('-') arr = “3-1-2″,数组转字符串,不传参数默认使用逗号

arr = array.indexOf(1) arr = 1,获取1这个元素的索引位置,第二个,所以是1

所谓返回值是对方法(即函数)的一种特性表述,可以简单理解成,函数的功能是完成一件事情,返回值就是这件事情完成后的结果,比如有个函数(func1)的作用的生成100这个数(虽然毫无意义),那么就可以表述:var a = func1(),此时a就是100了。意义就是a接受了func1的返回值。

以下请自行查阅:

方法(或属性) 说明
lastIndexOf 反向查找元素索引
forEach 遍历数组元素
map 遍历数组元素
filter 过滤数组
every 检查数组是否全部符合某条件
some 检查数组是否存在元素符合某条件
reduce 迭代数组所有元素处理
reduceRight 反向迭代数组所有元素处理

作者:前端绅士
链接:https://www.imooc.com/article/49594