JavaScript定義及輸出螺旋矩陣的方法詳解

更新時間：2017年12月01日 12:05:18 作者：濤鍋

這篇文章主要介紹了JavaScript定義及輸出螺旋矩陣的方法,簡單描述了螺旋矩陣的概念、原理并結(jié)合實例形式分析了javascript定義與輸出螺旋矩陣的具體操作技巧,需要的朋友可以參考下

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

昨晚無意看到這樣一個算法題目，然后就想著用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();
})();

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章: