each的遍历以及计算年龄

遍历数组

$('.listArry ul').empty();

var html=""

1.遍历数组

//i代表索引值，item代表相对应的元素
$.each( [1, 2, 3] , function(i, item){
    alert("索引=" + i + "; 元素=" + item);  
} );

//index代表索引值，value代表所对应的元素
 $.each(Array,function(index,value){
     html=`<li data-value=${index}>${value}</li>`
     $(".listArry ul").append(html)
 })

2.遍历对象属性

// 遍历对象属性，property代表属性名，value代表属性对应的值
$.each( { name: "张三", age: 18 } , function(property, value){
    alert("属性名=" + property + "; 属性值=" + value);    
} );

/* $.each遍历*/
$.each(obj,function(property,value){
  html=`<li data-value=${property}>姓名：${value.name} 年龄：${value.age}</li>`
  $(".listArry ul").append(html)
})

/* forEach遍历*/
obj.forEach(function(obj,property){
  html=`<li data-value=${property}>姓名：${obj.name} 年龄：${obj.age}</li>`
  $(".listArry ul").append(html)
})

/* 箭头函数遍历*/
obj.forEach(obj => html=`<li data-value=${property}>姓名：${obj.name} 年龄：${obj.age}</li>`)
  $(".listArry ul").append(html)

/* for in遍历*/
for(value in obj){
 html=`<li data-value="s">姓名：${obj[value].name} 年龄：${obj[value].age}</li>`
  $(".listArry ul").append(html)
}

计算年龄

//日期转换,转化成年数时，记得要用new Date(时间).getFullYear()
var today=new Date().toLocaleDateString().replace(/[^0-9]/mg, '-');    //"2017-2-26"
new Date( today ).getFullYear()  //2017

//计算年龄 
var birth=new Date($('.ageBirth').val().replace(/-/g, "/"))
  var date=new Date().getFullYear();  //2017
//获取getFUllYear()，记住要new Date(时间)
  var birth=new Date('2011-1-5').getFullYear()  //2011
  age=date-birth

 

转载于:https://www.cnblogs.com/summerXll/p/6478478.html