ES5 Array 中的API

偏执的太偏执、 2021-11-01 23:22 213阅读 0赞

### ES5 Array 中的API ###

*  判断
 *   *  every() 语法
     *  some() 语法
 *  遍历
 *   *  forEach() 语法
     *  map() 语法
 *  过滤
 *   *  filter() 语法
 *  汇总
 *   *  reduce() 语法

# 判断 #

## every() 语法 ##

**`arr.every()`** 判断`arr`中每个元素是否都符合要求，符合要求返回`true`，反之`false`。

arr.every(function(val,i,arr){ })

其中`val`为当前元素的值，`i`为当前元素的索引值，`arr`为当前元素的数组对象；`val`必填项，`i`和`arr`选填。

// 申明一个数组
    var arr = [1,2,3,5,6,9];
    // 定义 boolean 值接受every()返回的值
    var bool = arr.every(function(val){ 
    	// 判断当前值是否符合条件
    	return val % 2 == 0
    });
    // 输出判断的结果
    console.log(bool);

## some() 语法 ##

arr.some() 判断arr中是否存在符合要求的元素，如果存在，返回true，反之false。

arr.some(function(val,i,arr){ })

其中`val`为当前元素的值，`i`为当前元素的索引值，`arr`为当前元素的数组对象；`val`必填项，`i`和`arr`选填。

// 申明一个数组
    var arr = [1,2,3,5,6,9];
    // 定义 boolean 值接受every()返回的值
    var bool = arr.some(function(val){ 
    	// 判是否存在符合条件的元素
    	return val % 2 == 0
    });
    // 输出判断的结果
    console.log(bool);

# 遍历 #

## forEach() 语法 ##

`arr.forEach()` 对数组中的每一个元素执行相同的操作。

arr.forEach(function(val,i,arr){ })

其中`val`为当前元素的值，`i`为当前元素的索引值，`arr`为当前元素的数组对象；`val`必填项，`i`和`arr`选填。

// 申明一个数组
    var arr = [1,2,3,4,5,6];
    // 遍历数组执行操作
    arr.forEach(function(val,i,arr){ 
    	arr[i]*= 2;
    });
    // 输出操作后的值
    console.log(arr);

## map() 语法 ##

arr.map() 返回一个新的数组存放对数组中的每一个元素执行相同的操作，原数组无变化。

arr.map(function(val,i,arr){ });

其中`val`为当前元素的值，`i`为当前元素的索引值，`arr`为当前元素的数组对象；`val`必填项，`i`和`arr`选填。

// 申明一个数组
    var arr = [2,4,45,8,6,4];
    // 定义一个数组接受返回的数组
    var newarr = arr.map(function(val){ 
    	return val /= 2;
    });
    // 输出返回的数组
    console.log(newarr);

# 过滤 #

## filter() 语法 ##

`filter()` 返回元素中符合条件的元素组成的新数组。

arr.filter(function(val,i,arr){ });

其中`val`为当前元素的值，`i`为当前元素的索引值，`arr`为当前元素的数组对象；`val`必填项，`i`和`arr`选填。

// 声明一个数组
    var arr = [2,5,1,52,5,4,6];
    // 定义变量接受返回的值
    var newarr = arr.filter(function(val){ 
    	// 筛选过滤
    	return val % 2 == 0
    });
    // 输出返回的结果
    console.log(newarr);

# 汇总 #

## reduce() 语法 ##

`reduce()` 对数组中的每一个元素进行汇总，返回最终统计的结果。

arr.reduce(function(prev,val,i,arr){ },starti);

其中`prev`是初始值 ，`val`为当前元素的值，`i`为当前元素的索引值，`arr`为当前元素的数组对象,`starti`为传递给函数的初始值；`val`和`prev`必填项，`i`、`arr`和`starti`选填。

// 声明一个数组
     var arr = [1,2,5,15,6,3];
     // 定义变量接受返回的值
     var sum = arr.reduce(function(prev,val){ 
     	// 返回汇总的值
     	return prev + val;
    	// 初始值为10，从10开始累加
     },10);
     // 输出汇总的值
     console.log(sum);

发表评论取消回复

表情：

评论列表（有 0 条评论，213人围观）

还没有评论，来说两句吧...

相关阅读

相关 ECMAScript5（ES5）标准中扩展的数组Array方法

迭代forEach() forEach()第一个参数是一个回调函数对于数组的每一个元素，它都会执行这个回调函数而且这个回调函数有默认的参数分别是数组...

傷城~/ 2024年04月17日 20:23/ 0 赞/ 38 阅读

相关 ES5___ Array 扩展

1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标 <script type="text/javascript">

╰半橙微兮°/ 2022年12月08日 05:41/ 0 赞/ 138 阅读

相关 ES5中新增的Array方法详细说明

原文出处：来自张鑫旭-鑫空间-鑫生活的这篇文章(ES5中新增的Array方法详细说明) 前言-索引 ES5中新增的不少东西，了解之对我们写JavaScript会

左手的ㄟ右手/ 2022年08月21日 10:55/ 0 赞/ 168 阅读

相关 ES5对Array增强的9个API

为了更方便的对Array进行操作，ES5规范在Array的原型上新增了9个方法，分别是forEach、filter、map、reduce、reduceRight、some、ev

柔情只为你懂/ 2022年07月15日 22:22/ 0 赞/ 107 阅读

相关 ES5中，Array新增API（下）之reduceRight、every、indexOf、lastIndexOf

reduceRight 原型： //标准 reduceRight(callback[,initialValue]) //简单示例

àì夳堔傛蜴生んèń/ 2022年07月15日 06:49/ 0 赞/ 144 阅读

相关 ES5中，Array新增API（上）之forEach、filter、map、reduce

bug修复 1。修复了多个兼容性写法的bug（尽量和原生保持一致）； 2。扩展了数组（让数组中有空元素）； demo https://gi

朱雀/ 2022年07月15日 05:47/ 0 赞/ 142 阅读

相关 ES5中，Array新增API（上）之forEach、filter、map、reduce

bug修复 1。修复了多个兼容性写法的bug（尽量和原生保持一致）； 2。扩展了数组（让数组中有空元素）； demo https://gi

缺乏、安全感/ 2022年07月15日 05:47/ 0 赞/ 111 阅读

相关 ES5-Array-reverse

reverse方法用于颠倒排列数组元素，返回改变后的数组。注意，该方法会改变原来的数组，而不会创建新的数组。 var a = ['a', 'b', 'c']

以你之姓@/ 2022年01月20日 12:11/ 0 赞/ 246 阅读

相关 SpringBoot+ES项目：5. API结构设计

1. RESTful API REST是设计风格 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_te

秒速五厘米/ 2021年11月02日 16:31/ 0 赞/ 247 阅读

相关 ES5 Array 中的API

ES5 Array 中的API 判断 every() 语法 some() 语法遍历 forEach() 语法

偏执的太偏执、/ 2021年11月01日 23:22/ 0 赞/ 214 阅读