JS Array的那些方法

cloud 发布于2019-08-23 11:54 / 761人阅读

摘要：的一些方法在实际中很常用，这里整理记录下来，一是为了常常回顾，二也是方便大家返回一个新的，每个元素为调用的结果语法举例返回一个符合条件的元素数组语法举例返回一个，判断是否有元素是否符合条件语法举例返回一个，判断每个元素是否符合条件语法举例没

JS Array的一些方法在实际中很常用，这里整理记录下来，一是为了常常回顾，二也是方便大家

Map

map(): 返回一个新的Array，每个元素为调用function的结果
语法: array.map(function(currentValue,index,arr), thisValue)

举例:
var numbers = [65, 44, 12, 4], changedValue;
function multiplyArrayElement(num) {
    return num * 2;
}
(function myFunction() {
    changedValue = numbers.map(multiplyArrayElement);
})()
console.log(changedValue);

Filter

filter(): 返回一个符合function条件的元素数组
语法: array.filter(function(currentValue,index,arr), thisValue)

举例: 
var ages = [32, 33, 16, 40], changedValue;    
function checkAdult(age) {
    return age >= 18;
}
(function myFunction() {
    changedValue = ages.filter(checkAdult);
})()
console.log(changedValue);

Some

some(): 返回一个boolean，判断是否有元素是否符合function条件
语法: array.some(function(currentValue,index,arr),thisValue)

举例:
var ages = [3, 10, 18, 20], changedValue;
function checkAdult(age) {
    return age >= 18;
}
(function myFunction() {
    changedValue = ages.some(checkAdult);
})()
console.log(changedValue);

Every

every(): 返回一个boolean，判断每个元素是否符合function条件
语法: array.every(function(currentValue,index,arr), thisValue)

举例:
var ages = [32, 33, 16, 40], changedValue;
function checkAdult(age) {
    return age >= 18;
}
(function myFunction() {
    changedValue = ages.every(checkAdult);
})()
console.log(changedValue);

ForEach

forEach(): 没有返回值，只是针对每个元素调用function
语法: array.forEach(function(currentValue, index, arr), thisValue)

举例:
var numbers = [4, 9, 16, 25],changedValue;
function myFunction(item, index, arr) {
    arr[index] = item + 1;  
}
numbers.forEach(myFunction);
console.log(numbers);

Find

find(): 方法返回通过测试（函数内判断）的数组的第一个元素的值
语法: array.find(function(currentValue, index, arr),thisValue)

举例:
var ages = [3, 10, 18, 20], changedValue;
function checkAdult(age) {
   if (age >= 18)
       return true;
   return false;
}
(function myFunction() {
    changedValue = ages.find(checkAdult);
})()
console.log(changedValue);

GPU云服务器云服务器 array方法 js array js方法的重写 js创建数组的方法

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

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

jS:关于对象遍历和数组遍历的那些事

摘要：如图遍历数组遍历数组元素并以某种方式处理每个元素是一个常见的操作。如图不过，里的功能比较强大，可以遍历而且返回值是的则被省略掉总结遍历对象，遍历出来的是键名，而不是键值，参数必须是对象。可能是由于职业的关系，下班之后完全不想Open PC，但很多知识点有必要自己做个小小总结。本人之前对原生Array和Object完全没概念。遍历对象的方法： Object.keys(Object)...

qingshanli1988 2019-08-20 18:16 评论0 收藏0
JS数组中那些你知道或不知道的

摘要：从这句话我们可以知道，当我们构造一个指定长度的时，由于有长度，所以会开辟相应下标的空间，但是因为该下标并没有元素，所以就会返回，任何原因构造数组元素失败时，都会返回一个。作者：陈大鱼头 github： KRISACHAN JS中的Array ecma-262中的定义：Array对象是一种特殊对象，它会对数组索引属性键进行特殊处理。每个Array对象都有一个不可配置的lengt...

BenCHou 2019-08-26 10:15 评论0 收藏0
JS数组中那些你知道或不知道的

摘要：当且仅当使用至少两个参数调用构造函数时，此描述才适用。断言的值为返回。还有是定义指定长度数组时会出现什么事呢在源码中有个的方法。转换为数字对象转换为数字的规则如下表参数类型结果返回。不同的是，可以选择自定义上下文环境。作者：陈大鱼头 github： KRISACHAN JS中的Array ecma-262中的定义： Array对象是一种特殊对象，它会对数组索引属性键进行特殊处理。 ...

jackzou 2019-05-23 17:28 评论0 收藏0
JS 中 Array.sort 的那些事儿

摘要：然而有时候的结果和预期结果还是有些差异的。中文的可以通过来获取。啊次比例中毓比侊啊比侊比例次毓中当然和允许传入参数指定，有兴趣的可以去上看看用法。对于中文或者需要本地化比较的场景下，可以使用或者来进行比较。大家都知道 js 自带了一个排序方法 sort，很多时候需要排序的时候也都直接使用了 sort 方法来排序。然而有时候 sort 的结果和预期结果还是有些差异的。看下面的代码 [...

Sike 2019-08-26 12:24 评论0 收藏0
js中call、apply、bind那些事

摘要：应用场景求数组中的最大值和最小值并不是最佳选择是中的静态方法，因此必然是没有使用上下文的必要的。因此绑定只需要用或者占位就可以了。前言面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景作用首先问个问...

shiyang6017 2019-08-21 14:43 评论0 收藏0