数组、对象、字符串遍历

数组遍历

for --使用变量将数组长度缓存起来，在数组较长时性能优化效果明显

for (let index = 0; index < array.length; index++) {
  const element = array[index];
}

forEach --ES5语法，对数组的每个元素执行一次提供的函数，不能使用break、return

array.forEach(element => {
  
});

map --ES5语法，创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果

array.map(tiem=>{
  
})

for...of--ES6语法，可以遍历Array、Set、Map、String、TypedArray、arguments等可迭代对象，可以使用break、continue

for (const iterator of object) {
  
}

对象遍历

for...in--以任意顺序遍历一个对象自有的、继承的、可枚举的、非Symbol的属性，对于每个不同的属性，语句都会被执行

for (const key in object) {
  if (Object.hasOwnProperty.call(object, key)) {
    const element = object[key];
    
  }
}

Object.keys() --返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用for...in循环遍历该对象时返回的顺序一致
Object.values()--返回一个给定对象自身的所有可枚举属性值的数组，值的顺序与使用for...in循环的顺序相同(区别在于 for-in 循环枚举原型链中的属性)
Object.getOwnPropertyNames()--返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组

字符串遍历

for...of --ES6语法，可以遍历Array、Set、Map、String、TypedArray、arguments等可迭代对象，可以使用break、continue

for(let char of str){
      console.log(char)
}