溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間:2020-10-04 23:49:09 來源:腳本之家 閱讀:209 作者:濤鍋 欄目:web開發(fā)

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

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

什么是螺旋矩陣

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

如圖:

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

實(shí)現(xiàn)效果

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

實(shí)現(xiàn)代碼

(function() {
  var map = (function() {
    function map(n) {
      this.map = [], this.row = 0, this.col = -1, this.dir = 0, this.n = n;
      // 建立個(gè)二維數(shù)組
      for (var i = 0; i < this.n; i++) { this.map.push([]); }
      // 定義移動(dòng)的順序?yàn)?右,下,左,上
      var order = [this.right, this.bottom, this.left, this.up];
      i = 0;
      do {
        // 能移動(dòng)則更新數(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(' ')) } },
      // 向該方向移動(dòng)
      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é)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)》

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

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI