`
xupeng73
  • 浏览: 11022 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

jquery筛选数组之grep、each、inArray、map的用法及遍历json对象

阅读更多
grep
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
    function(){
        var array = [1,2,3,4,5,6,7,8,9];
        var filterarray = $.grep(array,function(value){
            return value > 5;//筛选出大于5的
        });
        for(var i=0;i<filterarray.length;i++){
            alert(filterarray[i]);
        }
        for (key in filterarray){
            alert(filterarray[key]);
        }
    }
);
</script>



each
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
    function(){
        var anObject = {one:1,two:2,three:3};//对json数组each
        $.each(anObject,function(name,value) {
            alert(name);
            alert(value);
        });
        var anArray = ['one','two','three'];
        $.each(anArray,function(n,value){
            alert(n);
            alert(value);
        }
        );
    }
);
</script>

inArray
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
    function(){
        var anArray = ['one','two','three'];
        var index = $.inArray('two',anArray);
        alert(index);//返回该值在数组中的键值,返回1
        alert(anArray[index]);//value is two
    }
);
</script>

map
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
    function(){
        var strings = ['0','1','2','3','4','S','6'];
        var values = $.map(strings,function(value){
                var result = new Number(value);
                return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写
            }
        );
        for (key in values) {
            alert(values[key]);
        }
    }
);
</script>



遍历json对象:
<script>
var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];
for(var i=0,l=json.length;i<l;i++){
    for(var key in json[i]){
        alert(key+':'+json[i][key]);
    }
}
</script>

遍历json对象
有如下 json对象:
var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:” 女”,”old”:30};
遍历方法:
for(var p in obj){
    str = str+obj[p]+’,';
    return str;
}
分享到:
评论

相关推荐

    jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象

    在jQuery库中,有多个函数用于处理数组和对象,包括grep、each、inArray和map。这些函数在处理数据和遍历JSON对象时非常有用。接下来我们将详细探讨这些函数的用法。 1. **grep()**: `$.grep()`函数用于筛选数组...

    jquery遍历筛选数组的几种方法和遍历解析json对象

    在JavaScript和jQuery中,遍历和筛选数组以及解析JSON对象是常见的任务。以下将详细介绍这些方法: 1. **jQuery grep() 方法**: `$.grep()` 是jQuery提供的一个函数,用于过滤数组中的元素。在示例中,它用于筛选...

    jQuery使用$.each遍历json数组的简单实现方法

    ### jQuery使用$.each方法遍历JSON数组 #### 1. jQuery $.each方法概述 jQuery中的$.each方法是一个强大的工具,它允许开发者遍历JavaScript数组或对象。它模仿了jQuery中的其他迭代方法,比如$.map、$.grep等,但...

    jquery遍历数组与筛选数组的方法

    总结来说,jQuery提供了丰富的数组处理功能,如`grep`用于筛选,`each`用于遍历,`inArray`用于查找元素位置,以及`map`用于转换数组元素。这些方法极大地提高了开发效率,使得处理数组和对象变得更加简洁和高效。在...

    jQuery数组处理方法汇总

    总结,jQuery 提供了多种方便的数组处理方法,如 `$.each`、`$.grep`、`$.map`、`$.inArray`、`$.merge`、`$.unique` 和 `$.makeArray`,它们简化了 JavaScript 中常见的数组操作,提高了开发效率。在实际项目中,...

    jquery对Json的各种遍历方法总结(必看篇)

    jQuery的`grep`方法用于处理数组,可以用来筛选数组中满足特定条件的元素。它的基本用法是接受数组和一个回调函数作为参数,回调函数返回`true`或`false`来决定是否保留某个元素。例如: ```javascript var array =...

    JQuery权威指南源代码

    使用$.inArray()工具函数搜索数组中指定元素的位置 使用$.trim()工具函数除掉字符串的空格符 使用$.isEmptyObject()函数检测对象是否为空 使用$.isPlainObject()函数检测对象是否为原始对象 使用$.contains()函数...

    jQuery 1.4.1 中文参考

    - `$.inArray()`:查找数组中的元素。 - `$.noop()`、`$.proxy()`:辅助函数。 - `$.isArray()`、`$.isFunction()`、`$.isEmptyObject()`、`$.isPlainObject()`:类型检测。 - `$.trim()`:字符串修剪。 - `$.param...

    Jquery 1.11.0 API

    `grep()`则用于过滤数组,`inArray()`检查元素是否存在于数组中。 八、实用工具函数 jQuery提供了一些实用工具函数,如`$.extend()`用于合并对象,`$.trim()`用于去除字符串两端的空白,`$.isFunction()`检查是否为...

    jQuery权威指南-源代码

    书名:jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强) 作者:陶国荣 著 书号:978-7-111-32543-7 定价:59.00元 出版社:机械工业出版社华章公司 出版时间:2011年1月 编辑推荐:...

    jqueryapi jquery1.5api jquery1.5

    jQuery提供了一些工具方法,如`.each()`, `.map()`, `.grep()`, `.inArray()`, `.extend()`等,方便我们在JavaScript中进行数组和对象操作。 ### 9. 版本1.5的改进 - 引入了deferred对象,增强了异步编程的能力,...

    jQuery1.4.1.chm

    9. **函数封装**: jQuery提供了一些实用的函数,如`.each()`, `.map()`, `.grep()`, `.inArray()` 等,用于数组和对象的操作,以及`.is()`, `.not()`, `.filter()` 用于元素的筛选。 10. **版本更新**: 虽然jQuery ...

    jquery1.7 Api

    - `.each()`, `.map()`, `.grep()`, `.inArray()`, `.slice()` 等方法用于遍历和过滤jQuery集合。 13. **DOM操作** - `.append()`, `.prepend()`, `.before()`, `.after()`, `.html()`, `.text()` 等方法用于DOM...

    jquery3.2.1API

    jQuery还提供了诸如`.each()`, `.map()`, `.grep()`, `.inArray()`, `.merge()`, `.toArray()`等方法,方便对对象和数组进行操作。 总之,jQuery 3.2.1 API为开发者提供了强大的工具,极大地提升了JavaScript开发...

    jquery 1.4中文api

    2. **工具方法(Utility Methods)**:`$.each()`, `$.map()`, `$.grep()`, `$.inArray()`等实用函数,帮助处理数组和对象。 3. **版本检测(Version Checking)**:`$.fn.jquery`可以获取当前jQuery版本号。 ### ...

    JQuery 50个常用方法汇总

    2. **$.each()**:遍历数组或对象,执行回调函数。如:`$.each(arr, function(index, value) {...})`。 3. **append()** 和 **prepend()**:在元素内部末尾/开头添加内容。如:`$('div').append('&lt;p&gt;Hello&lt;/p&gt;')`。...

    总结了大部分jQueryAPI替代的方法

    2. **扩展函数**:jQuery提供了很多实用的辅助函数,如`.trim()`, `.map()`, `.grep()`, `.inArray()`, 等。在原生JavaScript中,我们可以使用ES6的扩展,或者自定义这些函数。 总结起来,从jQuery转向原生...

    jqueryAPI1.4(中文)

    jQuery提供了一些实用工具方法,如`.each()`, `.map()`, `.grep()`, `.inArray()`, `.trim()`, `.is()`, `.unique()` 等,方便日常开发。 总结: jQuery API 1.4 中文版为开发者提供了强大的DOM操作和事件处理能力...

Global site tag (gtag.js) - Google Analytics