数组的遍历

㈠数组的遍历

⑴所谓的遍历数组，就是将数组中所有的元素都取出来

⑵格式：

for(var i = 0;i < arr.length; i++){ console.log(arr[i]); }

 

⑶示例：

 

㈡forEach

⑴一般我们都是使用for循环去遍历数组

   JS中，还为我们提供了一个方法，用来遍历数组

   ----forEach()

   这个方法只支持IE8以上的浏览器

   IE8以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach，还是使用for循环来遍历

 

⑵forEach()方法需要一个函数作为参数

   像这种函数，由我们创建但是不由我们调用的，我们称为回调函数

   数组中有几个元素，函数就会执行几次，每次执行时，浏览器会将遍历到的元素

   以实参的形式传递进来，我们可以来定义形参，来读取这些内容

 

⑶浏览器会在回到函数中传递三个参数：

   第一个参数，就是当前正在遍历的元素

   第二个参数，就是当前正在遍历的元素的索引

   第三个参数，就是正在遍历的数组

 

⑷示例如下：

var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"]; arr.forEach(function(value,index,obj){ console.log(value); });

 

㈢练习

问题如下：

问题如下： function Person(name , age , gender ){ this.name = name; this.age = age; } //修改Person原型的toString  Person.prototype.toString = function(){ return "Person[name =" +this.name+",age= " +this.age+" ]"; }; //创建一个Person对象 var per = new Person("孙悟空",18); //创建一个Person对象 var per = new Person("孙悟空",18); var per2 = new Person("猪八戒",28); var per3 = new Person("红孩儿",8); var per4 = new Person("蜘蛛精",16); var per5 = new Person("二郎神",38); //将这些person对象放入到一个数组中 var perArr = [per,per2,per3,per4,per5]; //创建一个函数，可以将perArr中的满18岁的person提取出来 //然后封装到一个新的数组中并返回 //arr 形参，要提取信息的数组  function getAdult(arr){ //创建一个新的数组 var newArr = [ ]; // 遍历arr，获取arr中Person对象 // 判断Person对象的age是否大于等于18 // 如果大于等于18，则将这个对象添加到newArr中 //将新的数组返回 return newArr; } var result = getAdult(perArr); console.log(result);

 

答案如下：

function Person(name , age , gender ){ this.name = name; this.age = age; } //修改Person原型的toString  Person.prototype.toString = function(){ return "Person[name =" +this.name+",age= " +this.age+" ]"; }; //创建一个Person对象 var per = new Person("孙悟空",18); //创建一个Person对象 var per = new Person("孙悟空",18); var per2 = new Person("猪八戒",28); var per3 = new Person("红孩儿",8); var per4 = new Person("蜘蛛精",16); var per5 = new Person("二郎神",38); //将这些person对象放入到一个数组中 var perArr = [per,per2,per3,per4,per5]; //创建一个函数，可以将perArr中的满18岁的person提取出来 //然后封装到一个新的数组中并返回 //arr 形参，要提取信息的数组  function getAdult(arr){ //创建一个新的数组 var newArr = [ ]; // 遍历arr，获取arr中Person对象 for(var i = 0; i < arr.length; i++){ var p = arr[i]; //判断Person对象的age是否大于等于18 if(p.age >= 18){ //如果大于等于18，则将这个对象添加到newArr中 //将对象放入到新数组中  newArr.push(p); } } //将新的数组返回 return newArr; } var result = getAdult(perArr); console.log(result)