es6之循环

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(`

                       

                           

                           

${obj1.goods_name}

                       

                       

                           

                           

${obj1.goods_id}

                       

                       

                           

                           

${obj1.goods_price}

                       

                       

                           

                           

${obj1.goods_number}

                       

                       

                           

                           

${obj1.goods_weight}

                       

                       

                           

                           

${obj1.upd_time}

                       

                        `)  

你可能感兴趣的:(es6之循环)