javaScript中的every,some,forEach,map,filter五者的用途

1、every()

它地用武之地在哪里呢?不期望它能对原始数组进行修改。它地定位是考察数组地整体特性。也就是考察数组中所有元素的共性。比如所有元素是否都是奇数,或者所有元素是否都是偶数。它关注的是数组整体元素的共性。只要有一个不满足,循环就会结束,接下来的数据就不会继续判断。

var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
let bool = numbers.every(function(item, index, list) {
     console.log(item);
     return item % 2 == 0;
     });
     console.log(bool);

注意:every方法有返回值,返回值是一个布尔值。只有所有元素都具备某项特性后,才会返回true。只要有一项不满足就返回false。

2、some()

它地用武之地在哪里呢?它的定位是考察数组的个性。比如考察数组中是否存在一个等于0的数。它关注的是数组的个性。只要有一个满足,循环就会结束,接下来的数据就不会继续判断。

let bool = numbers.some(function(item, index, list) {
    console.log(item);
    return item == 4;
    });
    console.log(bool);

3、filter()

它致力于从已有的数组中筛选出符合一定条件的数据项,最后的返回值是所有符合条件的数据项构成的数组。它不会修改原来的数组。记住,它的立足点就是筛选。也仅仅是筛选。还有一点需要注意:每一次遍历都会有一个返回值,它的类型是布尔类型。返回值只有是true,当前遍历项才会被筛选中。不要试图在filter中去修改原始数组.

function City(province, school, level) {
             this.province = province;
             this.school = school;
            this.level = level;
         }
  let beijing = new City('北京都', ['北京大学', '清华大学'], 1);
  let xian = new City('西安都', ['西安交通大学', '西北工业大学'], 2);
  let hubei = new City('湖北省', ['武汉大学', '华中科技大学'], 2);
  let hunan = new City('湖南省', ['湖南大学', '中南大学'], 3);
  let sichuan = new City('四川省', ['四川大学', '电子科技大学'], 3);
  let cities = [beijing, xian, hubei, hunan, sichuan];
  let tops = cities.filter(function(item, index, list) {
         return item.level != 1;
     });
   console.log(tops);

4、map

map的本意就是映射,也就是将一个值从一种形式映射到另一种形式,比如将key映射到value。它的每一次遍历都会有一个返回值。这些返回值组合成最终的结果数组。事实就是如此。

var numbers = [1, 2, 3, 4, 5, 6];
var capitals = ["北京都", "南京都", "广州都", "重庆都", "西安都", "拉萨都"];
let targets = numbers.map(function(item, index, list) {
    return capitals[item - 1];
 });
 console.log(targets);

5、forEach

或许是最为常用的情景,它至于遍历,可以在获取当前数据项的前提下,对数据进行修改。它没有返回值。理解起来也是最容易的。

 let capitals = ["北京都", "南京都", "广州都", "重庆都", "西安都", "拉萨都"];

        capitals.forEach(function(capital) {

            console.log(capital);

        });

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值