js中数组和对象循环遍历

JavaScript029

js中数组和对象循环遍历,第1张

数组:

var arr = [‘a’,‘b’,'c']

for (let i = 0i<arr.lengthi++){

console.log(i,arr[i])

}

对象:

var person = { name:'tom',age:'29',sex:'男‘};

// 对象如果要用for循环来遍历,需要先有Object.key()的方法来拿到可迭代(遍历)的私有属性名的集合(数组)

var keys = Object.keys(person)

for (let i = 0i<keys.lengthi++){

console.log(keys[i]+":"+person[keys[i]])

}

数组:

for(let key in arr){

// 值得注意的是,key为数组的索引,如若需要获取属性的值,则需要使用数组加索引下标 的形式来获取

console.log(key,arr[key])

}

对象:

for(let key in obj){

// 值得注意的是,key为对象的键名,键值要以obj[key]的方式来获取

console.log(key,obj[key])

}

数组:

for(let value of arr){

//值得注意的是,for...of跟for...in是不一样的,for...in遍历的是数组的索引,for...of遍历的是数组的值

console.log(value)

}

对象:

for...in是不能单独来遍历一个对象的,会报错。

如果对象是一个类数组对象,那用array.from方法转成一个数组就可以用for...of来遍历了。

或者结合Object.keys()方法来使用

for(let key of Object.keys(obj)){

// for...of遍历输出的也是键名

console.log(key,obj[obj])

}

数组:

forEach()方法遍历数组是没有返回值

值得注意的是数组中有几项,那么传递进去的匿名回调函数就需要执行几次;

arr.forEach((item,index,arr)=>{

console.log(item,index,arr)

)

// 其中item是数组中的当前项,index是数组中的当前下标,arr是原始数组

对象:

原则上forEach是用来遍历数组的,不能遍历对象,但是可以用Object.getOnwPropertyNames()方法来使得对象能被forEach遍历出来。

Object.getOnwPropertyNames()返回一个数组,成员是参数对象自身全部属性的属性名,不管该属性是否能被遍历。

Object.getOnwPropertyNames(obj).forEach((item,index,arr)=>{

console.log(item,index,obj[item])

})

题目描述:在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数。一个简单的数组遍历题。

答案:js语言:

functionFind(target, array){returnarray.some(arr =>arr.some(e =>e === target))}

解释:

外面的some方法是对每个一维进行遍历,里面的some方法是对每个一维的每一个元素进行遍历,判断是否严格等于要找的target元素,复杂度为n方。

 =>是es6语法中的arrow function

例:(x) =>x + 6 相当于

function(x){

    return x + 6

}

那么e =>e === target表示返回严格等于target的元素e

some()方法用于检测数组中的元素是否满足指定条件

some() 方法会依次执行数组的每个元素:

如果有一个元素满足条件,则表达式返回 true  , 剩余的元素不会再执行检测。

如果没有满足条件的元素,则返回false。

注意:  some() 不会对空数组进行检测。

注意:  some() 不会改变原始数组。

这里小记一下some以及类似的every,对比一下其他遍历方法

some() 有一个元素满足条件,即返回true

const a = [1, 2, 3]console.log(a.some(v =>v >5))  //falseconsole.log(a.some(v =>v <2))  //true

every() 所有元素满足条件,即返回true

const a = [1, 2, 3]console.log(a.every(v =>v <5))  //trueconsole.log(a.every(v =>v <2))  //false

filter() 返回包含满足条件元素的数组

const a = [1, 2, 3]

console.log(a.filter(v =>v <3))  // [1, 2]

map() 返回一个新数组

const a = [1, 2, 3]

console.log(a.map(v =>v + 5))  // [6, 7, 8]

forEach() 仅循环,无返回值,本质上相当于for

const a = [1, 2, 3]

a.forEach(v =>console.log(v))  // 1    2    3

concat()连接两个或更多的数组,并返回结果。

join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

pop()删除并返回数组的最后一个元素

push()向数组的末尾添加一个或更多元素,并返回新的长度。

reverse()颠倒数组中元素的顺序。

shift()删除并返回数组的第一个元素。

slice()从某个已有的数组返回选定的元素等等。