Array容易被忽略的join

Posted 2020-09-16 良1

var lists,
          items = ‘‘,
          i;

    lists = [{
        Fruits:‘苹果‘
    },{

        Fruits:‘香蕉‘
    },{

        Fruits:‘菠萝‘
    }];

    /*items += ‘<ul>‘;

    for(i = 0; i < lists.length ; i ++){

        items += ‘<li>‘+lists[i].Fruits+‘</li>‘
    }
    items += ‘</ul>‘
        console.log(items)
        */
    
    function inbox(lists){
        items = [];

        for(i = 0;i < lists.length; i++){

            items[i] = lists[i].Fruits;

        }
        return ‘<ul><li>‘+items.join(‘</li></li>‘)+‘</li></ul>‘
    }
    console.log(inbox(lists))

之前我用字符串拼接都是注释里面的那种方法，直到今天看到了大神写的可复用的简洁代码，对Array里面的join有了新的认识