本文實例講述了JavaScript定義及輸出螺旋矩陣的方法。分享給大家供大家參考，具體如下：

10年積累的成都網(wǎng)站設(shè)計、做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先建設(shè)網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有尤溪免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

昨晚無意看到這樣一個算法題目，然后就想著用js來實現(xiàn)。
昨晚草草寫完后感覺代碼很丑，很臭，于是今晚又花點時間重構(gòu)了一下，感覺變得優(yōu)雅了。

什么是螺旋矩陣

螺旋矩陣是指一個呈螺旋狀的矩陣，它的數(shù)字由第一行開始到右邊不斷變大，向下變大，向左變大，向上變大，如此循環(huán)。

如圖：

實現(xiàn)效果

實現(xiàn)代碼

(function() {
  var map = (function() {
    function map(n) {
      this.map = [], this.row = 0, this.col = -1, this.dir = 0, this.n = n;
      // 建立個二維數(shù)組
      for (var i = 0; i < this.n; i++) { this.map.push([]); }
      // 定義移動的順序為 右，下，左，上
      var order = [this.right, this.bottom, this.left, this.up];
      i = 0;
      do {
        // 能移動則更新數(shù)字，否則更改方向
        order[this.dir % 4].call(this) ? i++ : this.dir++;
        // 賦值
        this.map[this.row][this.col] = i;
      } while (i < n * n);
    }
    map.prototype = {
      print: function() { for (var i = 0; i < this.n; i++) { console.log(this.map[i].join(' ')) } },
      // 向該方向移動
      left: function() { return this.move(this.row, this.col - 1); },
      right: function() { return this.move(this.row, this.col + 1); },
      up: function() { return this.move(this.row - 1, this.col); },
      bottom: function() { return this.move(this.row + 1, this.col); },
      // 如果坐標(biāo)在范圍內(nèi)，并且目標(biāo)沒有值，條件滿足則更新坐標(biāo)
      move: function(row, col) {
        return (0 <= row && row < this.n) && (0 <= col && col < this.n) && !this.map[row][col] && (this.row = row, this.col = col, true);
      },
    };
    return map;
  })();
  new map(6).print();
})();

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站標(biāo)題：JavaScript定義及輸出螺旋矩陣的方法詳解-創(chuàng)新互聯(lián)
當(dāng)前路徑：http://weahome.cn/article/ecdos.html