引用丨Array类型
2019-01-24 本文已影响0人
Cooli丨Y
2、Array类型
数组基本概念
01. 创建方法
空数组 new Array( );
指定长度 new Array( Size );
指定元素 new Array( 元素1,元素2,元素3,...,元素N );
单维 var Obj = new [ 元素1,元素2,元素3,...,元素N ];
多维 var Obj = new Array( [ 数组序列1 ],[ 数组序列2 ],...,[ 数组序列N ] );
02. 基本操作
存取数组元素
01. 单维数组
数组名[ 下标索引 ]
02. 多维数组
数组名[ 外层数组下标 ][ 内层元素下标 ]
数组元素可添加到对象中
增加数组
使用“[ ]”运算符指定一个新的下标
删除数组
delete 数组名[ 下标 ]
遍历数组
for (var 数组元素变量 in 数组)
03. 数组属性
constructor: 引用数组对象的构造函数
length: 返回数组的长度
prototype: 通过增加属性和方法扩展数组的定义
ES3
// 创建数组的基本方法
new Array() === Array() === []
读取和设置数组的值:arr['索引'] //从0开始
数组设置长度后,超出部分被移除
// 1、检测数组
// ES3
if (value instanceof Array) {
}
// ES5
if (Array.isArray(value)) {
}
// 2、转换方法
toLocalString()、toString()、valueOf()
toString()、valueOf()返回数组的字符串【用,隔开】
join('分隔符'):使用分隔符,转换成数组
// 3、栈方法
Array.push() / arr.pop()// 向数组中添加元素
Array.unshift() / arr.shift()// 取出数组中元素
// 4、队列方法
Array.push() / Array.pop()// 向数组中添加元素
Array.unshift() / Array.shift()// 取出数组中元素
// 5、重排序方法
Array.reverse() / Array.sort()
// arr.sort(): 数组项调用toString()转字符串,进行字符串比较;
var arr = [0, 1, 10, 15]
arr.sort()// [0, 1, 10, 5] 因为进行字符串比较,5的字符串值比10大
// 从小到大排序
function sortNumber(a,b){
return a-b;
}
arr.sort(sortNumber);
// 6、操作方法
Array.concat(可接受多个数组): 末尾拼接数组
Array.slice(起始索引, 截止索引) 返回数组的一部分;// 截取数组成新数组(原数组不变)
// 参数1: 选取元素的索引; 参数2: 截取元素的长度; 参数3: 添加数据的内容
Array.splice(参数1,参数2,参数3) 增删改数组(改变原数组)
ES5
// 7、位置方法
Array.indexOf(查找项, 起查位置): 从前开始查
Array.lastIndexOf(查找项, 起查位置): 从后开始查,
示例: Array.indexOf(ele, index) 查找ele,返回值为索引,如果没有该元素返回-1;
// 8、迭代方法
Array.every(func): 数组每一项, 是否符合给定函数的要求;// 全部符合返回true,否则false
Array.filter(func): 返回数组中, 符合给定函数要求的数组项;
Array.forEach(): 数组每一项, 运行给定函数, 没有返回值;
Array.map(): 数组每一项, 运行给定函数, 返回每次结果组成的数组;
Array.some(): 数组每一项, , 是否存在符合给定函数的要求的数组项;// 存在, 返回true, 否则返回false
// 9、缩小方法
Array.reduce(func)// 从第一项,迭代所有数组项,构建一个最终返回的值;
Array.reduceRight(func)// 从最后一项,迭代所有数组项,构建一个最终返回的值;
示例:
let arr = [1, 2, 3, 4, 5]
function count(pre, cur, index, array){
return pre + cur
}
arr.reduce(count);// 15