最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時(shí)間:2017年12月01日 12:05:18   作者:濤鍋  
這篇文章主要介紹了JavaScript定義及輸出螺旋矩陣的方法,簡單描述了螺旋矩陣的概念、原理并結(jié)合實(shí)例形式分析了javascript定義與輸出螺旋矩陣的具體操作技巧,需要的朋友可以參考下

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

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

什么是螺旋矩陣

螺旋矩陣是指一個呈螺旋狀的矩陣,它的數(shù)字由第一行開始到右邊不斷變大,向下變大,向左變大,向上變大,如此循環(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;
      // 建立個二維數(shù)組
      for (var i = 0; i < this.n; i++) { this.map.push([]); }
      // 定義移動的順序?yàn)?右,下,左,上
      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é)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)

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

相關(guān)文章

  • JavaScript 幾種循環(huán)方式以及模塊化的總結(jié)

    JavaScript 幾種循環(huán)方式以及模塊化的總結(jié)

    這篇文章主要介紹了JavaScript 幾種循環(huán)方式以及模塊化的的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下
    2020-09-09
  • 原生JS實(shí)現(xiàn)目錄滾動特效

    原生JS實(shí)現(xiàn)目錄滾動特效

    這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)目錄滾動特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • 詳解uniapp無痛刷新token方法

    詳解uniapp無痛刷新token方法

    為了給用戶一個流暢的體驗(yàn),token過期后需要重新請求新的token替換過期的token。本文將詳細(xì)介紹uniapp無痛刷新token方法。
    2021-06-06
  • 10個JavaScript面試??嫉那岸耸謱戭}總結(jié)

    10個JavaScript面試??嫉那岸耸謱戭}總結(jié)

    這篇文章主要為大家詳細(xì)介紹了10個JavaScript面試??嫉那岸耸謱戭},文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以了解下
    2024-02-02
  • 一篇文章讓你輕松記住js的隱式轉(zhuǎn)化

    一篇文章讓你輕松記住js的隱式轉(zhuǎn)化

    這篇文章主要給大家介紹了如何通過一篇文章讓你輕松記住js的隱式轉(zhuǎn)化的相關(guān)資料,通過在各種情況下發(fā)生的隱式類型的例子,來詳細(xì)的了解隱式類型轉(zhuǎn)換的過程,需要的朋友可以參考下
    2022-01-01
  • js多維數(shù)組降維的5種方法

    js多維數(shù)組降維的5種方法

    本文主要介紹了js多維數(shù)組降維的5種方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-04-04
  • 史上最全JavaScript數(shù)組去重的十種方法(推薦)

    史上最全JavaScript數(shù)組去重的十種方法(推薦)

    這篇文章主要介紹了JavaScript數(shù)組去重的十種方法,利用元素的屬性和特性進(jìn)行不同的去重方法,并實(shí)例演示如何測試去重超大數(shù)組,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。
    2017-08-08
  • Javascript 讀取操作Sql中的Xml字段

    Javascript 讀取操作Sql中的Xml字段

    把Xml字段先讀出來,然后用Js去操作,這樣豈不是簡單了許多,于是網(wǎng)上搜索了一些JS讀Xml字段信息的方法
    2014-10-10
  • 使用原生JavaScript實(shí)現(xiàn)放大鏡效果

    使用原生JavaScript實(shí)現(xiàn)放大鏡效果

    這篇文章主要為大家詳細(xì)介紹了如何使用原生JavaScript實(shí)現(xiàn)放大鏡效果(可自由大小適配),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下
    2023-03-03
  • javascript下過濾數(shù)組重復(fù)值的代碼

    javascript下過濾數(shù)組重復(fù)值的代碼

    javascript下過濾數(shù)組重復(fù)值的代碼...
    2007-09-09

最新評論

宁南县| 太康县| 兴隆县| 绵阳市| 乌审旗| 老河口市| 贡山| 印江| 岳普湖县| 英德市| 疏附县| 扶余县| 双城市| 西贡区| 伊通| 五华县| 广东省| 台东市| 随州市| 绵阳市| 清丰县| 会泽县| 彰化市| 涞水县| 江达县| 南部县| 泸溪县| 惠安县| 开阳县| 宣汉县| 方山县| 黔东| 秦安县| 平舆县| 宜兰县| 灵石县| 伊川县| 乌鲁木齐县| 宁化县| 旅游| 昌黎县|