ES5 Array 中的API

偏执的太偏执、 2021-11-01 23:22 258阅读 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 条评论，258人围观）

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

相关阅读

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

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

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

相关 ES5___ Array 扩展

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

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

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

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

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

相关 ES5新增函数之一: Array, JSON, String, Date

ES5即ECMAScript 5.1，在JavaScript语言基础之上添加了很多新的特性，对现有的对象和语句进行相应的增强和规范，主要包括一些新增函数、对象类型增强，以及严格

旧城等待，/ 2022年07月27日 14:36/ 0 赞/ 208 阅读

相关 ES5对Array增强的9个API

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

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

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

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

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

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

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

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

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

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

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

相关 ES5-Array-reverse

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

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

相关 ES5 Array 中的API

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

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