jq杂项方法/工具方法----each() grep() map()

亦凉 2023-06-05 08:11 97阅读 0赞

## each() 用于循环数组 对象。（单纯遍历） ##

返回 false 可提前停止循环。接受的参数是数组名和要执行的函数，函数参数为数组索引和当前元素。

var arr = [30, 40, 50,1 ,8];
        $.each(arr, function(i,item){
            console.log(i,item);
        });
        // i index
        //item 当前元素

![1645790-20190916160633624-1211909063.png][]

##  $.grep() 用指定的函数过滤数组中的元素，并返回过滤后的数组,不影响原数组。 ##

$.grep(arr,function(item,i){
            console.log(i,'-----',item);
        });

![1645790-20190916160913334-1203544984.png][]

map();

$.map(arr, function(item,i){
            console.log(i,item);
        });

![1645790-20190916160939434-1474887566.png][]

## grep map 也可遍历对象和数组。 ##

存在过滤功能。写法完全相同。不影响原数组。

## grep只过滤并返回新数组。map可以再过滤的基础上进行运算。 ##

grep map的回调函数，参数一是循环到的每个元素，参数二是下标。

![1645790-20190916161213975-119722747.png][]

![1645790-20190916161229248-2130039379.png][]

过滤数组，返回数组中字符串

arr = ['hello',50,'world',4,'tom'];
        var res = $.grep(arr, function(item){
            if(typeof item == 'string') return item;
        });
        console.log(arr);
        console.log(res);

![1645790-20190916162025467-605848790.png][]

返回数组中奇数

arr = ['hello',50,'world',4,'tom'];
        
        // 数组中奇数
        res2 =  $.grep(arr, function(item,i){
            if(i % 2 != 0) return item;
        });
        console.log(arr);
        console.log(res2);

![1645790-20190916162259167-207108807.png][]

对数组每个元素做计算并返回新数组

arr = ['a',2,'b',4,6 ,'c'];
        res = $.map(arr,function(item){
            return item + 100;
        });
        console.log(arr);
        console.log(res);

![1645790-20190916162708951-444478949.png][]

对数组符合要求的元素做计算并返回新数组

arr = ['a',2,'b',4,6 ,'c'];
        res = $.map(arr,function(item){
            if(typeof item == 'number')
            return item + 100;
        });
        console.log(arr);
        console.log(res);

![1645790-20190916162949677-1242890860.png][]

##  over (●'◡'●) ##

转载于:https://www.cnblogs.com/sandraryan/p/11528047.html

[1645790-20190916160633624-1211909063.png]: /images/20230601/47b7a2a9da284c24856795e454b6df9a.png
[1645790-20190916160913334-1203544984.png]: /images/20230601/e0bee7d7571c4412b7ce825859303c99.png
[1645790-20190916160939434-1474887566.png]: /images/20230601/ccaa4377210b4b7692d292fd59fa5a5e.png
[1645790-20190916161213975-119722747.png]: /images/20230601/e6d7cfbcabc74c2896ad9aa2d213533f.png
[1645790-20190916161229248-2130039379.png]: /images/20230601/8cb8aeaa09d54313ba1dba84bf1cf211.png
[1645790-20190916162025467-605848790.png]: /images/20230601/f33ec60777134e12be81baaaf43326a8.png
[1645790-20190916162259167-207108807.png]: /images/20230601/8560bcc951d949a0990565766287595d.png
[1645790-20190916162708951-444478949.png]: /images/20230601/c7f95453b5b6410fb20b86379eee5d74.png
[1645790-20190916162949677-1242890860.png]: /images/20230601/5f87097bab4440ac802f50a107796d4a.png