纯牛奶645
纯牛奶645
  • 发布:2018-02-09 12:00
  • 更新:2018-02-09 12:00
  • 阅读:2505

js中Array的常用方法

分类:Native.js

map()方法
map()方法返回一个新数组,数组中的元素为原始数组元素调用函数后处理的值
注意:1.map()不会对空数组进行检测,2.map()不会改变原始数组。
var numbers = [4, 9, 16, 25];
numbers.map(Math.sqrt); //[2,3,4,5]

concat() 连接两个或更多的数组,并返回结果
copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中
every() 检测数值元素的每个元素是否都符合条件
fill() 使用一个固定值来填充数组
filter() 检测数值元素,并返回符合条件所有元素的数组
find() 返回符合传入测试(函数)条件的数组元素
findindex() 返回符合传入测试(函数)条件的数组元素索引
forEach() 数组每个元素都执行一次回调函数
includes() 判断一个数组是否包含一个指定的值
indexOf() 搜索数组中的元素,并返回它所在的位置
join() 把数组的所有元素放入一个字符串
lastIndexOf() 返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索
map( ) 通过指定函数处理数组的每个元素,并返回处理后的数组。map()方法定义在js的Array中,
传入自己的函数,得到一个新的Array作为结果:

function pow(x) {  
      return x * x;  
}  
var arr = [1,2,3,4,5,6,7,8,9];  
app.map(pow);//[1, 4, 9, 16, 25, 36, 49, 64, 81]  
map()传入的参数是pow,即函数对象本身  
map()作为高阶函数,可以计算任意复杂的函数,比如:把Array的所有数字转为字符串:  
var  arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];  
arr.map(String); // ['1', '2', '3', '4', '5', '6', '7', '8', '9'];  
只需要一行代码

pop()删除数组的最后一个元素并返回删除的元素
push()向数组的末尾添加一个或更多元素,并返回新的长度。
reduce()将数组元素计算为一个值(从左到右),这个函数必须接收两个参数。猜测此方法的内部实现为:当前返回的值作为参数参与到下一次函数的计算中,从而从左往右执行。

对array求和:  
var arr = [1,3,5,7,9];  
arr.reduce(function (x,y){  
    return x + y;  
}); //25  
求积  
arr.reduce(function (x,y) {  
     return parseInt(x) * parseInt(y);  
});

reduceRight()将数组元素计算为一个值(从右到左)
reverse() 反转数组的元素顺序
shift() 删除并返回数组的第一个元素
slice() 选取数组的一部分,并返回一个新数组
some()检测数组元素中是否有元素符合指定条件
sort() 对数组的元素进行排序
splice()从数组中添加或删除元素
toString()把数组转换为字符串,并返回结果
unshift() 想数组的开头添加一个或多个元素,并返回新的长度
valueOf ( ) 返回数组对象的原始值

ES6新增方法
Array.from()用于将两类对象转为真正的数组:类似数组的对象(array-like-object)和可变遍历(itreable)的对象(包括ES6新增的数据结构Set和Map)。
例如,如下类数组:

let arrayLIke = {  
    '0' : 'a',  
    '1' : 'b',  
    '2' : 'c',  
    length: 3  
}  
//ES5的写法  
var arr1 = [ ].slice.call(arrayLike); // ['a','b','c']  
//ES6的写法  
let arr2 = Array.from(arrayLike); //['a','b','c']

数组对象自带length属性(下图为Array的length):

参考链接:https://www.cnblogs.com/jiangyi666/p/5991324.html

0 关注 分享

要回复文章请先登录注册