$.grep， $.map， $.merge

最新推荐文章于 2019-04-24 17:06:00 发布

转载最新推荐文章于 2019-04-24 17:06:00 发布 · 191 阅读

本文深入探讨了jQuery库中的几种实用技巧，包括对象合并、数组过滤与映射、元素位置查找以及数组合并等关键操作。通过具体示例，展示了如何使用$.extend、$.grep、$.map、$.inArray和$.merge等方法来高效处理JavaScript对象和数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var settings = {
           validate: false,
           limit: 5,
           name: "foo"
       };
       var options = {
           validate: true,
           name: "bar"
       };
       var newset = $.extend(settings, options);
       console.log(newset);
       var newset2 = Object.assign(settings, options);
       console.log(newset2)

       //过滤数组中小于 0 的元素。
       var grept = $.grep([0, 1, 2], function(n, i) {
           return n > 0;
       });
       console.log(grept)
       //排除数组中大于 0 的元素，使用第三个参数进行排除
       var grept2 = $.grep([0, 1, 2], function(n, i) {
           return n > 1;
       }, true);
       console.log(grept2);
       //将原数组中每个元素加 4 转换为一个新数组。
       var map1 = $.map([0, 1, 2], function(n) {
           return n + 4;
       });
       console.log(map1);

       var map2 = $.map([0, 1, 2], function(n) {
           return n > 0 ? n + 1 : null;
       });
       console.log(map2);
       //查看对应元素的位置 -1
       var arr = [4, "Pete", 8, "John"];
       console.log($.inArray("John", arr)) //3
       console.log($.inArray("John3", arr)) //-1

       //合并两个数组到第一个数组上。
       var marge = $.merge([0, 1, 2], [2, 3, 4]);
       console.log(marge);

       var a = [1, 2, 2, 3];
       var b = [4, 5, 2, 6];
       //var c = a.concat(b); //c=[1,2,3,4,5,6];

a.push.apply(a, b);
console.log(a)