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

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

                        `)  

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容