ES5新增方法(一)

简介: 前言今天和大家分享一下ES5中一些新增的方法。一、数组方法迭代(遍历)方法:forEach(),map(),filter(),some(),every()array.forEach(function(value,index,arr))value:数组当前项的值index:数组当前项的索引arr:数组对象本身

前言

今天和大家分享一下ES5中一些新增的方法。

一、数组方法

迭代(遍历)方法:forEach(),map(),filter(),some(),every()

array.forEach(function(value,index,arr))

value:数组当前项的值

index:数组当前项的索引

arr:数组对象本身

2. forEach 迭代(遍历)数组

var arr=[1,2,3,4,5];
var num = '';
  arr.forEach(function(value,index,array){
    console.log('每个元素'+value);
    console.log('每个元素的索引号'+index);
    console.log('数组本身'+array);
    num+=value;
  });
console.log(num);

2. filter()

array.filter(function(value,index,arr));

filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组。

要注意的是它是直接返回一个新数组

value:数组当前项的值

index:数组当前项的索引

arr:数组对象本身

filter 筛选数组

var arr=[12,15,18,4,9,37];
var numArr=arr.filter(function(value,index){
  // return value>=15;
  return value%2===0;
});
console.log(numArr);

3.some()

some()方法用于检测数组中的元素是否满足指定条件,通俗点就是查找数组中是否有满足条件的元素。

array.some(function(value,index,arr))

注意它返回值是布尔值,如果查找到这个元素就返回true,如果查找不到就返回false。

如果找到第一个满足条件的元素,则终止循环,不再继续查找。


some查找数组中是否有满足条件的元素

var arr=[10,40,5,9];
      var num=arr.some(function(value){
        // return value>=30;
        return value<4;
      });
      console.log(num);
var arr=['zhang','wang','sun'];
      var num=arr.some(function(value){
        return value=='sun';
      });
      console.log(num);

总结

  1. filter也是查找满足条件的元素返回一个数组而且是把所有满足条件的元素返回回来。
  2. some也是查找满足条件的元素是否存在,返回的是一个布尔值,如果查找到第一个满足条件的元素就终止循环。

以上就是本章的全部内容,感谢您的阅读。

相关文章
|
6月前
|
网络架构
ES6中数组新增了哪些扩展?
ES6中数组新增了哪些扩展?
75 1
|
6月前
|
编解码 JavaScript 前端开发
ES6 字符串的新增方法
ES6 字符串的新增方法
ES6新增操作字符串的七种方法
ES6新增操作字符串的七种方法
|
6月前
|
JSON 前端开发 JavaScript
ES6(2015)-ES13(2022)新增特性大总结
ES6(2015)-ES13(2022)新增特性大总结
96 0
|
6月前
ES6对象新增了哪些扩展?
ES6对象新增了哪些扩展?
65 0
|
6月前
|
网络架构
ES6函数新增了哪些扩展?
ES6函数新增了哪些扩展?
59 0
|
6月前
|
JavaScript 前端开发 索引
es6 数组新增哪些方法以及使用场景
es6 数组新增哪些方法以及使用场景
57 0
|
11月前
|
JavaScript 前端开发
ES6学习(四)—字符串的新增方法
ES6学习(四)—字符串的新增方法
|
JavaScript 前端开发
ES6新增特性学习
ES6新增特性学习
ES6中对象新增了哪些扩展?
ES6中,当对象键名与对应值名相等的时候,可以进行简写