第五章：数组与迭代.pptVIP

前言 目标 1、基本迭代 1、基本迭代:变量的作用域 1、基本迭代:模拟break和continue 1、基本迭代:迭代选择集中元素 2、对选择集和数组进行过滤 3、映射选择集和数组 4、数组实用程序方法讲师：邓超 mybirdie@126.com var items = [ John Lennon, Paul McCartney, George Harrison, Ringo Starr ]; for(var i = 0, l = arr.length; i l; i++)?{????????? arr[i]; } 使用JavaScript遍历数组的代码： 1 基本迭代 2 对选择集和数据进行过滤 3 映射选择集或数组 4 数组实用程序方法 each() 1 遍历数组的each()方法中的回调函数将用来检索数组中的每一个元素。 基本形式： $(数组).each( function(){… }); 2 直接调用each方法，将数组作为参数，是each方法调用的另一种形式。 $.each(数组， function(){…… }); JavaScript 当在函数、对象或闭包之外定义一个变量时，无论有没有var关键字，该变量均为全局变量。 在函数内定义的变量，如果没有var关键字，也为全局变量。 在函数内定义且使用了var关键字的变量为局部变量。只有在该函数内及函数中的匿名函数中才能访问。 变量的作用域 1 jQuery 模拟break和continue 2 在jQuery中使用return语句可以模拟break和continue语句的功能。 在循环中使用return true，相当于continue。将跳过当前这轮迭代并开始下一轮迭代。 在循环中使用return false,相当于break，将停止迭代。 jQuery 迭代选择集中元素 2 可以象使用其他的jQuery方法一样，将jQuery的each()方法链接在一个选择集之后，从而对选择集中的元素进行迭代操作. $(‘li’).each(function(){……}); 迭代选择集与迭代数组本质上是一样的，唯一不同的是在对选择集进行迭代时，this关键字指的是选择集中的当前元素。 专用用于过滤选择集中的元素 两种形式,一是使用选择器，一是使用回调函数 $(‘xx’).filter(‘.class’) $(‘xx’).filter(function(){ return xxxx; } 回调函数里return后的表达式为true，意味着当前元素将保留。否则，从选择集中排除。 专门用于过滤数组中的所有元素,只能直接调用。形如$.grep(),jQuery.grep() filter grep 映射 对于集合中的值，修改其中一个或多个，从而创建新的集合。在映射过程中不会移除集合中的任何元素。因此，在完成映射之后，所获得的新集合的元素个数将保持不变。可以这样理解，映射即根据需要将集合中任意的元素替换为新值。 映射数组和映射选择集均使用map()方法。形如: $(‘li’).map( function(){……} ); 将一个选择集转换为一个数组 get() 在h数组中查找指定元素的needle，返回第一次匹配时元素在数组中的索引。 $.inArray(needle,h) 从数组中移除重复的值 $.unique(array) 将两个数组连接为一个新数组。 concat() 将second数组合并到first数组中。 $.merge(first,second) 将任何数据转换为一个真正的数组。 $.makeArray(data)