第二章作业

1.利用wx.if及wx.for数据绑定来实现输出乘法口诀表的编程

index.js代码如下：

Page({
  data: {
    sj: []
  },
  onLoad: function () {
    this.cfkj();
  },
  cfkj: function() {
    let table = [];
    for (let i = 1; i <= 9; i++) {
      let row = [];
      for (let j = i; j <= 9; j++) { 
        row.push(`${i}x${j}=${i*j+"\t"}`);
      }
      table.push(row);
    }
    this.setData({
      sj: table
    });
  }
});

index.json代码如下：

{
  "navigationBarTitleText": "乘法口诀"
}

index.wxml代码如下：

<view class="ym">
  <view wx:for="{{sj}}" wx:key="index" >
    <text wx:for="{{item}}" wx:key="index">{{item}}</text>
  </view>
</view>

index.wxss代码如下：

.ym {
  font-size: 10px;
}

运行结果如下：

2.编写程序，在Console控制台输出水仙花数（例如，1^3+5^3+3^3=153）

index,js代码如下：

function sxhs() {
  for (let num = 100; num < 1000; num++) {
      let bai = Math.floor(num / 100);
      let shi = Math.floor((num % 100) / 10);
      let ge = num % 10;
      if (Math.pow(bai, 3) + Math.pow(shi, 3) + Math.pow(ge, 3) === num) {
          console.log(num);
      }
  }
}
sxhs();

运行结果如下：

3.编写程序，在页面中输出水仙花数

index.js代码如下：

Page({
  data: {
    sj: ''
  },
  onLoad: function () {
    this.sxhs();
  },
  sxhs: function() {
    let sz = [];
    for (let num = 100; num < 1000; num++) {
      let bai = Math.floor(num / 100);
      let shi = Math.floor((num % 100) / 10);
      let ge = num % 10;
      if ((bai ** 3 + shi ** 3 + ge ** 3) === num) {
        sz.push(num);
      }
    }
    this.setData({
      sj:`水仙花数共有:${sz.join(',')}`
    });
  }
});

index.json代码如下：

{
  "navigationBarTitleText": "水仙花数"
}

index.wxml代码如下：

<view>
  <text>{{sj}}</text>
</view>

运行结果如下：

4.编写程序，在页面中输出菱形图案

index.js代码如下：

Page({
  data: {
    lx: []
  },
  onLoad: function () {
    this.gd(5); 
  },
  gd: function (n) {
    let lines = [];
    for (let i = 0; i < n; i++) {
      let kg = ' '.repeat(n - i - 1);
      let xh = '*'.repeat(i * 2 + 1);
      lines.push(kg + xh);
    }
    for (let i = n - 1; i >= 0; i--) {
      let kg1 = ' '.repeat(n - i - 1);
      let xh1 = '*'.repeat(i * 2 + 1);
      lines.push(kg1 + xh1);
    }
    this.setData({
     lx: lines
    });
  }
});

index.json代码如下：

{
    "navigationBarTitleText": "菱形"
}

index.wxss代码如下：

.jm view {
  text-align: center;
}

index.wxml代码如下：

<view class="jm">
  <block wx:for="{{lx}}" wx:key="index">
    <view>{{item}}</view>
  </block>
</view>

运行结果如下：