JavaScript練習筆記整理·2 - 6.24

来源:http://www.cnblogs.com/omoc/archive/2017/06/24/7073079.html
-Advertisement-
Play Games

記錄JavaScript練習筆記和知識點整理的第二天,遇到在程式里使用等差數列求和公式的操作!遇到使用正則表達式判斷數組中是否有重覆的值!又學會了新操作。 ...


  Codewars地址:https://www.codewars.com/ 歡迎和大家一起來討論~   基礎練習(1):   我的解答為:
function isIsogram(str){
  if(str == "") return true;
  return str.toLowerCase().split("").sort().every(function(item,index,array) {
   return item != array[index+1];
  });; 
}
  較優解一:
function isIsogram(str){
  return !/(\w).*\1/i.test(str)
}

較優解二:

function isIsogram(str){
  var i, j;
  str = str.toLowerCase();
  for(i = 0; i < str.length; ++i)
    for(j = i + 1; j < str.length; ++j)
      if(str[i] === str[j])
        return false;
  return true;
  分析:

第一位小伙伴是使用正則表達式來判斷是否有重覆的值,方法簡單,而我一開始就沒想到可以用這個方法,Hhhh。而第二位小伙伴則是先將轉為小寫,再用一個複合迴圈來比較每個字元串與自身以外的字元串是否相等,若相等則返回false。而我的思路與第二位相似,先將判斷是否為空字元串,若為空則為true。接著再轉為小寫,使用空格分隔將字元串轉為數組,進行排序後使用迭代方法,判斷排序後的數組中是否存在相同的字元,若不存在的則返回true。

在剛開始使用迭代方法時,沒有考慮到進行每一項與數組中每一項比較的時候,自身與自身比較會返回false,導致一直錯誤。後來查了資料才選擇先排序再比較每一項與其後一項是否相等來判斷是否有重覆的值。相比之下,我想的是複雜了一些。

  筆記:

正則表達式:通過RegExp類型支持正則表達式,創建正則表達式的語法為:var expression = /pattern/flags;

其中模式pattern是任何正則表達式。每個正則表達式都可帶有一個或多個標記flags,用以標明正則表達式的行為。正則表達式的匹配模式支持三個標誌:g(全局)、i(不區分大消息)、m(多行模式)。因正則表達式比較複雜,具體的模式在此不再敘述了。

 

看較優解一的正則表達式/(\w).*\1/i ,解釋如下: 圓括弧()表示提取匹配的字元串,對字元進行分組。 括弧中的\w表示匹配包括下劃線在內的任何單詞字元。 點.表示匹配換行符以外的任何字元。星號*表示匹配零次或多次。 \1表示與第一個小括弧中要匹配的內容相同。註意\1必須配合小括弧使用。

 

正則表達式後的test()方法可以知道目標字元串與某個模式是否匹配,接收一個字元串參數。在模式與該參數匹配的情況下返回true。否則,返回false。

 


基礎練習(2):

我的解答:

function digitize(n) {
  return n.toString().split("").reverse();
}

一開始看到題目的時候信心滿滿,哇,這很簡單吶,先是將數值型數據轉為字元型,再使用split()方法轉為數組,最後使用reverse()方法翻轉數組就好了。結果…出現了…這樣的結果……

百思不得其解,懷疑是不是題目的測試有什麼問題,最後跑去看了答案,才知道需要在轉為數組後再將字元改為數值型,才能避免上述的錯誤。

function digitize(n) {
  return n.toString().split("").map(Number).reverse();
}

 


基礎練習(3):

我的解答為:

var isSquare = function(n){
  if(n<0) return false;
  if(Math.sqrt(n) % 1 == 0) {return true}
  else {return false};
}

較優解為:

function isSquare(n) {
  return Math.sqrt(n) % 1 === 0;
}
  分析:

相比之下,思路是一樣的,而我的解答則多寫了一些語句,不夠簡潔,這道題目也是很簡單的了,所有沒有筆記,Hhhh。

 


基礎練習(4):

我的解答為:

function GetSum( a,b ) {
  if(a == b) return a;
  var i = a>b?b:a;
  var length = (a>b?a:b)+1;
  var sum = 0;
  for(var i;i<length;i++) {
    var sum = sum + i ;
  }
  return sum;
}

較優解為:

const GetSum = (a, b) => {
  let min = Math.min(a, b),
      max = Math.max(a, b);
  return (max - min + 1) * (min + max) / 2;
}
  分析:

我的思路主要是求出a、b中的最大值和最小值後用for迴圈求出它們之間的數的和,想法也是挺奇葩的,Hhhh。而較優解的這位小伙伴求出最值以後,用了等差數列的求和公式,真是機智的做法!!!果然想學好編程還要能運用好數學知識呢,學到了,Hhhh。

 
總結:

今天做的題目所需要的知識基本和昨天是一樣的,運用方法上越來越熟練了。但是做題目的時候,經常會遇到一些自己認為理所當然是這樣做的解法,結果一測試就會發現有錯誤,感覺莫名其妙找不到錯誤的時候,經常就炸毛了。今天一次是第二個練習的錯誤,以往都是對的情況下,這次挖了坑,也知道了以後遇到問題的時候就要轉變思路,去解決問題,而不是在懷疑人生。第二次是沒有好好理解題目,以為很簡單,結果是自己理解錯誤了,這大概也是要好好理解用戶需求的意思吧,Hhhh。

偶然間做到了一道升級的題目,順利升級,看到Codewars的提示也是滿滿的鼓勵,真是路漫漫之遠兮,吾將上下而求索呀,明天繼續加油吧!

 

 

 
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • JS單詞 push :添加一個數組元素 document :文檔 pop :刪除最後一個數組元素 console :控制台 shift :刪除第一個數組元素 string :字元串 Concat 組合數組 undefined :未定義 typeof :關鍵字 join:數組轉化為指定分隔符 slic ...
  • -任何標簽的任何屬性都可以修改! -HTML里是怎麼寫, JS就怎麼寫 以下是一段js 作用於 css 的 href的 代碼 以下是一段JS作用於標簽的事件屬性的代碼 ...
  • 糾結了一會要不要寫這麼簡單的隨筆,善始善終吧。開始之前得先確保你已經安裝好node了。可以參考之前一篇教程:Node.js安裝教程--windows中通過安裝nvmw方式安裝管理node 。同時要先去碼雲上註冊個帳號吧。 1.打開idea,新建項目: 2.選擇Node.js and NPM 3.此處 ...
  • 領導找談話,公司不好混了,說要想清楚以後發展方向啥的。就想想研究下node.js吧。 首先在知乎上看看介紹,大體瞭解了node.js ,百度搜索確實很多亂七八糟的,感覺還是知乎靠譜點。附上知乎的node.js的話題地址:https://www.zhihu.com/topic/19569535 然後隨 ...
  • 繼承方式有四種: 1、call 2、apply 3、prototype 4、for in call 和 apply 的主要區別: call 傳參數只能一個一個的傳, apply 因為是用數組,所以可以用arguments 獲取所有的實參。當參數多時,就用apply更方便。 arguments = 返 ...
  • CSS實現兩端對齊效果 兩端對齊,從概念上來說,其實不難理解。如果不明白什麼叫兩端對齊,可以玩玩word等辦公軟體。 下麵談談如何實現文本的兩端對齊。我所知道的大概有以下幾種方法 text align "w3school" 指出,text align用於設置塊級元素內文本的水平對齊方式。如果想使in ...
  • <img src="https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=javascript%E6%91%98%E8%A6%81%E5%9B%BE%E6%A0%87&step_word=&hs=2&pn=36&spn=0... ...
  • 本來上個月就像發的,但是一直忙啊忙的也沒時間整理,所以拖到了現在。 好吧上面這句就是廢話,我就是感概下。下麵是正文。 前段時間在弄一個輕量級的web項目,要構建一個樹狀結構目錄,同時希望能把部分選中的狀態給表現出來。項目中只用了jquery,個人也不想再引入一些其他的js框架或者插件,一個是考慮到界 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...