let arr=[{
name:'戴森',
price:1000
},{
name:'美的',
price:2000
},{
name:'格力',
price:3000
}]
forEach() r表示每一个对象 i 表示每一个对象的索引
这个方法不能return 写了return可以终止循环但是不会有返回值
/* let arr2=[];
arr.forEach(function(r,i){
arr2.push(r.name)
})*/
map循环
map可以把数组里面某一项组合成一个数组
对原数组不会改变*/
let arr2=arr.map(function(item,index){
return item.name
})
let arr3=arr.map(function(item,index){
return item.price
})
console.log(arr2);
console.log(arr3);
/* 过滤price>1500 */
/* let arr4=[];
arr.forEach(function(r,i){
if(r.price>1500){
arr4.push(r)
}
}) */
filter() es6循环的过滤方法 return一个条件
会返回一个符合条件的新数组 对原数组不会改变 */
let arr4=arr.filter(function(r,i){
return r.price>1500
})
console.log(arr4)
/* 返回一个对象 name叫做'戴森' */
/* 1 */
/* let arr5=arr.filter(function(r,i){
return r.name=='戴森'
})
console.log(arr5[0]) */
/* 2 */
/* let obj={};
arr.forEach(function(r,i){
if(r.name=='戴森'){
obj=r
}
})
console.log(obj) */
/* 3 */
es6 循环之find 循环数组可以找到第一个符合条件的一项(原数组里面的成员)
找到第一个之后立刻终止循环
let obj=arr.find(function(r,i){
return r.name=='戴森'
})
console.log(obj)
循环实战
根据id获取商品信息
function showl(id) {
let obj1=goodsList.find(function(item){
return item.goods_id==id
})
console.log(obj1);
$('#exampleModal').modal('show');
$('.modal-body').html(`
<div class="form-group">
<label>商品名称 </label>
<p>${obj1.goods_name}</p>
</div>
<div class="form-group">
<label>商品ID</label>
<p>${obj1.goods_id}</p>
</div>
<div class="form-group">
<label>价格 </label>
<p>${obj1.goods_price}</p>
</div>
<div class="form-group">
<label>数量 </label>
<p>${obj1.goods_number}</p>
</div>
<div class="form-group">
<label>重量 </label>
<p>${obj1.goods_weight}</p>
</div>
<div class="form-group">
<label>更新时间</label>
<p>${obj1.upd_time}</p>
</div>
`)