1、外部檔案 /util/util.js

function convertToStarsArray(stars) {  //把星級存到陣列中  
  var num = stars.toString().substring(0, 1);
  var array = [];
  for (var i = 1; i <= 5; i++) {
    if (i <= num) {
      array.push(1);
    }
    else {
      array.push(0);
    }
  }
  return array;
}

module.exports = {
  convertToStarsArray: convertToStarsArray
}
 

2、pages/movies/movies.wxml

var util = require('../../utils/util.js')
...
 processDoubanData: function (moviesDouban, settedKey, categoryTitle){
  var movies=[];//定義陣列儲存處理資料的容器
  for (var idx in moviesDouban.subjects) {
      var subject = moviesDouban.subjects[idx];
      //文章標題
      var title = subject.title;
      if (title.length >= 6) {
        title = title.substring(0, 6) + "...";//擷取文章前六個字
      }
      var temp = { //所有資料放到temp中
        stars: util.convertToStarsArray(subject.rating.stars),
 

        title: title,
        average: subject.rating.average,
        coverageUrl: subject.images.large,
        movieId: subject.id
      }
      movies.push(temp) //所有資料儲存到movies中
      var readyData = {};
      readyData[settedKey] = {
        categoryTitle: categoryTitle,
        movies: movies
      }
      this.setData(readyData);
  }
}
 

3、星級評分思路：把分數轉換為陣列 如共5星 若有3星 則陣列為[1,1,0]

    wxml檔案使用wx.if進行判斷並顯示

<view class="stars">
        <block wx:for="{{stars}}" wx:for-item="i">
              <image wx:if="{{i}}" src="/images/icon/star.png"></image>
              <image wx:else src="/images/icon/none-star.png"></image>
        </block>
     </view>

注意：data傳值新方法 （movie傳star）