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

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比白銀網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式白銀網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋白銀地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

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

什么是螺旋矩陣

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

如圖：

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

實(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)沒(méi)有值，條件滿足則更新坐標(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ì)有所幫助。

新聞名稱：JavaScript定義及輸出螺旋矩陣的方法詳解
分享地址：http://jinyejixie.com/article24/gdjice.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、域名注冊(cè)、微信公眾號(hào)、微信小程序、網(wǎng)站策劃、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)