各种循环的使用方法

for循环 

var arr = ['nick','freddy','mike','james']
for (let i = 0, len = arr.length; i < len; i++) {
  console.log(i + '. ' + arr[i])
}
// 0 nick
// 1 freddy
// 2 mike
// 3 james

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

forEach循环

var arr = ['nick','freddy','mike','james']
// 参数名可改变，但是顺序不能改变。
arr.forEach(function(item, index, arr) {
  console.log(item)
  console.log(index)
  console.log(arr)
})

each循环

jquery下的each方法有两种

1、$('').each()

$('li').each(function(i,item) {
  console.log($(this).text())
})

 2、$.each(arr)

var arr = ['nick','freddy','mike','james'];
var userMsg = {
    nick: {
	name: 'nick',
	age: 18,
	sex: '男'	
    },
    freddy: {
	name: 'freddy',
	age: 24,
	sex: '男'
    }	
}
$.each(arr, function(index, item) {
  console.log(index+'. '+item)
})

$.each(userMsg, function(key1, item1) {
  console.log(key1)
  $.each(item1, function(key2, item2) {
    console.log(key2 + ': ' + item2)
  })
})

es6循环的使用记录

for of用法，循环数组

一、

var arr = ['nick', 'freddy', 'mike', 'james']
for (var item of arr) {
  console.log(item)
}

二、

var arr = [
  { name:'nick', age:18 },
  { name:'freddy', age:24 },
  { name:'mike', age:26 },
  { name:'james', age:34 }
]
for (var item of arr) {
  console.log(item.name)
  console.log(item.age)
}

for in用法，循环遍历

var arr = ['nick','freddy','mike','james']
var userMsg = {
    nick: {
	name: 'nick',
	age: 18,
	sex: '男'	
    },
    freddy: {
	name: 'freddy',
	age: 24,
	sex: '男'
    }	
}
 
for(var index in arr){	
    console.log(index +'. ' + arr[index])
}

for(var key1 in userMsg){
    console.log(key1);	
    for(var key2 in userMsg[key1]){
	console.log(key +': ' + userMsg[key1][key2])
    }
}

for in与for of区别1：for of无法循环遍历对象

var userMsg = {
    0: 'nick',
    1: 'freddy',
    2: 'mike',    
    3: 'james'
}
 
for (var key in userMsg) {
  console.log(key)
  console.log(userMsg[key]) 
}

for(var item of userMsg){    
    console.log(item) // 报错
}

for in与for of区别2：遍历数组输出结果不同

var arr = ['nick', 'freddy', 'mike', 'james']
for (var key in arr) {
  console.log(key) // 0 1 2 3
}

for (var item of arr) {	
  console.log(item) // nick freddy mike james
}

for in与for of区别3：for in 会遍历自定义属性，for of不会

var arr = ['nick','freddy','mike','james']
arr.name = "数组"
 
for (var key in arr) {
  console.log(key+': '+arr[key])
  // 0 nick 
  // 1 freddy
  // 2 mike
  // 3 james
  // name "数组"
}

for (var item of arr) {	
  console.log(item)
  // nick
  // freddy
  // mike
  // james
}

vue的map用法

数组：[‘2018-8-13’,  ‘2018-8-14’]

但是我是想要：
{date: “2018/08/13”, title: “”} 
{date: “2018/08/14”, title: “”} 

 let arr = res.data;
   let newArr = arr.map(val => {
   let json = {};
   json.date = val.split('-').join('/');
     json.title = '';
     return json;
   })
 this.demoEvents = newArr; // 这个是页面循环的值