`
zhouyrt
  • 浏览: 1159233 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript1.6数组新特性和jquery的几个工具方法

阅读更多

JavaScript 1.6 引入了几个新的Array 方法,具体的介绍见:https://developer.mozilla.org/cn/New_in_JavaScript_1.6

 

JavaScript 1.6在firefox1.5及其后版本支持,但在IE6,IE7甚至IE8上仍然未被支持。jquery的工具方法中提供了类似的功能。

 

1、Array.forEach()和jquery的$().each()。在数组中的每个项上运行一个函数。类似java5增强的for循环。见:http://www.ibm.com/developerworks/cn/java/coretech/java-lang.html?S_TACT=105AGX52&S_CMP=content#N10461

 

var ary = [2,4,6,8];

//js1.6 Array.forEach方法
ary.forEach(function(i){alert(i);});

//看看jquery的写法
$(ary).each(function(){alert(this);});
//还可以写成这样
$(ary).each(function(index,item){alert(item);});//index是元素的索引,item是该元素
 

2、Array.filter()和jquery的$.grep()。在数组中的每个项上运行一个函数,并将函数返回真值的项作为数组返回。简单的说就是用一个条件过滤掉不符合的数组元素,剩下的符合条件的元素组合成新的数组返回。

 

var ary = [2,4,6,8];

//js1.6 Array.filter()方法
var otherAry1 = ary.filter(function(item){return item>4;});
alert(otherAry1);//输出6,8

//jquery写法(注意和$.each的区别)
//此处你们函数中第一个参数是数组元素自身,第二个参数是数组元素索引
//而$().each方法刚好相反,作者应该统一下。
var otherAry2 = $.grep(ary,function(item,index){return item>4;});
alert(otherAry2);//输出6,8
 

3、Array.map()和jquery的$.map()。在数组中的每个项上运行一个函数,并将全部结果作为数组返回。这个方法非常强大,尤其是作用于DOM数组时(在abcc项目上用过,对每个查询模块DOM生成查询字符串)。简单说就是把每个数组元素运算的结果作为新数组元素(还是很拗口)。

 

var ary = [2,4,6,8];

//js1.6 Array.map()方法
var newAry1 = ary.map(function(item){return item+1;});//每个元素加1
alert(newAry1);//输出3,5,7,9

//jquery写法
var newAry2 = $.map(ary,function(item,index){return item+1;});
alert(newAry2);//输出3,5,7,9
 

4、Array.every()方法。检查数组元素是否都符合某个条件,只要有一个不符合返回false,否则返回true

 

var ary = [2,4,6,8,10];

alert(ary.every(function(item){return item>1}));//true
alert(ary.every(function(item){return item>2}));//false
 

5、Array.some()方法。检查数组中元素是否符合某个条件,只要有一个符合返回true,否则返回false

 

var ary = [2,4,,6,8,10];

alert(ary.some(function(item){return item>9;}));//true
alert(ary.some(function(item){return item>10;}));//false
 

 

ps:以上代码需在firefox1.5++上运行

3
1
分享到:
评论

相关推荐

    JavaScript1.6数组新特性介绍以及JQuery的几个工具方法

    JavaScript 1.6 引入了几个新的Array 方法,具体的介绍见:New in JavaScript 1.6 。这些方法已经被写进了ECMA262 V5。现代浏览器(IE9/Firefox/Safari/Chrome/Opera)都已经支持,但IE6/7/8不支持。jquery的工具...

    JavaScript jQuery 中定义数组与操作及jquery数组操作

    JavaScript 和 jQuery 中的数组操作是编程中非常基础且重要的部分,尤其在处理数据集合时。在 JavaScript 中,数组是一种特殊的数据结构,可以存储各种类型的数据,包括整型、字符串、对象等。虽然 JavaScript 不...

    JavaScript splice 数组操作(删除,插入)

    JavaScript splice 数组操作(删除,插入)JavaScript splice 数组操作(删除,插入)JavaScript splice 数组操作(删除,插入)JavaScript splice 数组操作(删除,插入)JavaScript splice 数组操作(删除,插入)...

    浅析jquery数组删除指定元素的方法:grep()

    在这种情况下,jQuery提供的`grep()`方法可以提供一种替代方案,它允许通过过滤函数来创建一个新数组,而不直接修改原数组。 `grep()`是jQuery中的一个函数,专门用于数组或类数组对象的过滤操作。它允许开发者定义...

    JavaScript数组(源代码)

    JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)...

    jQuery 1.6版本至1.9版本 一个兼容多浏览器的javascript框架

    jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave ...

    JavaScript_ECMA5数组新特性详解_.docx

    ### JavaScript ECMA5 数组新特性详解 #### 引言 随着 Web 技术的不断发展,JavaScript 作为前端开发的核心语言之一也在不断进化和完善。ECMAScript 5(简称 ES5)是 JavaScript 的一个重要版本,它引入了许多实用...

    JavaScript数组用法详解

    JavaScript 数组提供了多种方法来操作数组,包括 join()、reverse()、push()、pop()、shift()、unshift() 等方法。join() 方法可以将数组的元素连接成一个字符串。reverse() 方法可以颠倒数组元素的顺序。push() 和...

    JavaScript数组特性与实践应用深入详解

    JavaScript数组是该语言中一种用于存储有序集合的数据结构,它的操作和特性非常丰富,为开发者处理数据集合提供了极大的便利。本文将深入探讨JavaScript数组的特性以及在实际编程中的应用。 首先,数组字面量是定义...

    javascript循环数组有什么方法_javascript循环数组有哪些方法.docx

    以上介绍了六种常用的 JavaScript 数组处理方法,包括基本的遍历、FIFO 和 LIFO 操作、搜索、函数应用以及数组过滤等。这些方法可以帮助开发者更高效地操作数组数据结构。值得注意的是,ECMAScript 5 引入了许多实用...

    JavaScript 数组 增加 和 删除

    ### JavaScript 数组增加和删除方法详解 在JavaScript中,数组是一种非常重要的数据结构,用于存储一系列按顺序排列的值。本文将详细介绍如何通过自定义方法实现数组元素的插入与删除功能。 #### 插入方法 `insert...

    第6节 JavaScript数组及应用.rar

    第6节 JavaScript数组及应用.rar第6节 JavaScript数组及应用.rar第6节 JavaScript数组及应用.rar第6节 JavaScript数组及应用.rar第6节 JavaScript数组及应用.rar第6节 JavaScript数组及应用.rar第6节 JavaScript数组...

    jquery1.6 API

    jQuery 1.6版本是这个强大的JavaScript库的一个重要里程碑,它在前一版本的基础上引入了许多新特性,优化了性能,并修复了大量的bug,为开发者提供了更强大、更灵活的工具。这个版本的API文档(JQuery1.6.chm)是...

    JavaScript Array数组去重源码下载

    JavaScript Array数组去重源码下载

    javascript实现数组去重的多种方法_.docx

    这种方法的主要思路是新建一个数组,然后在原数组中,从第一个开头,看看新数组里面有没有这个元素,假如有,就忽视,然后进行下一个,假如没有,则把这个元素存到新数组里面。 代码实现: ``` var arr = [1,'b','b...

    JavaScript获取多个数组的交集

    3. **使用reduce和filter方法**:我们还可以结合reduce和filter方法来找到交集,先用reduce将所有数组合并成一个大的数组,然后再使用filter方法去除不在所有数组中的元素。 ```javascript function intersect...

    JavaScript常用数组操作方法.docx

    `concat()` 方法用于连接两个或多个数组,生成一个新的数组,而不会改变原有的数组。这对于动态创建数组非常有用,尤其是在需要合并多个数组但又不想修改原始数组的情况下。 **示例代码:** ```javascript var arr1...

    js数组相减简单示例【删除a数组所有与b数组相同元素】

    在JavaScript中,数组相减并不是一个内建的数组操作方法,所以我们需要自定义函数来实现这个功能。其核心思想是,遍历数组b中的每一个元素,再分别在数组a中查找是否有与之相同的元素,如果找到,则将这个元素从数组...

    JavaScript中数组的22种方法必学(推荐)

    在JavaScript中,数组作为一种常用的类型,提供了丰富的内置方法来处理和操作数据。本文将深入讲解JavaScript数组的22种必学方法,按照功能分为10类进行解析。 1. **对象继承方法** - `toString()`:将数组转换为...

Global site tag (gtag.js) - Google Analytics