2024-11-13:頁面功能小改進

上一次編寫了一個頁面,這一次來繼續(xù)完善。追加一個檢測是否重復的數(shù)據(jù)存在誊役。如果存在則打印出來笼踩。
我們可以編寫一個腳本來檢測 window.wordsData 中是否有重復的單詞逗爹,并將這些重復的單詞信息打印到一個獨立的 JS 文件中。以下是具體的步驟:

  1. 合并所有單詞數(shù)據(jù):確保 window.wordsData 包含從1到100的所有單詞嚎于。
  2. 檢測重復單詞:遍歷 window.wordsData掘而,找出重復的單詞。
  3. 生成獨立的 JS 文件:將重復的單詞信息寫入一個新的 JS 文件中于购。

假設您已經(jīng)將 data31-40.js袍睡、data51-60.jsdata71-80.jsdata91-100.js 文件中的數(shù)據(jù)加載到了 window.wordsData 中肋僧。以下是一個完整的腳本示例:

合并所有單詞數(shù)據(jù)

首先斑胜,確保所有數(shù)據(jù)都加載到了 window.wordsData 中。假設您已經(jīng)在 HTML 文件中引入了所有必要的 JS 文件:

<script src="data31-40.js"></script>
<script src="data51-60.js"></script>
<script src="data71-80.js"></script>
<script src="data91-100.js"></script>
<script src="detectDuplicates.js"></script>

檢測重復單詞并生成獨立的 JS 文件

創(chuàng)建一個 detectDuplicates.js 文件嫌吠,內(nèi)容如下:

console.log('Detecting duplicates...');

// 檢查 window.wordsData 是否已定義止潘,如果沒有則初始化為空數(shù)組
if (!window.wordsData) {
  window.wordsData = [];
}

// 創(chuàng)建一個對象來記錄每個單詞出現(xiàn)的次數(shù)
const wordCount = {};

// 遍歷 window.wordsData,記錄每個單詞出現(xiàn)的次數(shù)
window.wordsData.forEach(wordInfo => {
  const word = wordInfo.word;
  if (wordCount[word]) {
    wordCount[word].count++;
    wordCount[word].duplicates.push(wordInfo);
  } else {
    wordCount[word] = { count: 1, duplicates: [wordInfo] };
  }
});

// 找出所有重復的單詞
const duplicates = Object.entries(wordCount)
  .filter(([word, info]) => info.count > 1)
  .flatMap(([word, info]) => info.duplicates);

// 將重復的單詞信息寫入一個新的 JS 文件
const duplicatesData = `window.duplicateWordsData = ${JSON.stringify(duplicates, null, 2)};`;

// 將內(nèi)容寫入文件
const fs = require('fs');
fs.writeFileSync('duplicates.js', duplicatesData);

console.log('Duplicate words data written to duplicates.js');
console.log('Duplicate words:', duplicates);

運行腳本

  1. 確保 Node.js 環(huán)境:上述腳本使用了 Node.js 的 fs 模塊來寫入文件辫诅。如果您還沒有安裝 Node.js凭戴,請先安裝。

  2. 運行腳本:在命令行中運行以下命令:

node detectDuplicates.js

結(jié)果

運行上述腳本后炕矮,您將在當前目錄下看到一個 duplicates.js 文件么夫,其中包含了所有重復的單詞信息。例如:

window.duplicateWordsData = [
  {
    "number": 49,
    "word": "justify",
    "chinese": "證明...是正當?shù)姆羰樱晦q解",
    "example": "He tried to <span class=\"highlight\">justify</span> his actions but failed to convince anyone.",
    "exampleChinese": "他試圖為自己的行為辯護档痪,但未能說服任何人。"
  },
  {
    "number": 82,
    "word": "justify",
    "chinese": "證明...是正當?shù)母炙蹋晦q解",
    "example": "He tried to <span class=\"highlight\">justify</span> his actions but failed to convince anyone.",
    "exampleChinese": "他試圖為自己的行為辯護钞它,但未能說服任何人。"
  },
  // 其他重復的單詞信息
];

這樣,您就可以輕松地檢測和管理重復的單詞數(shù)據(jù)了遭垛。希望這對您有幫助尼桶!如果有任何問題,請隨時告訴我锯仪。

如果在命令行窗口中出現(xiàn)以下提示信息:
'node' 不是內(nèi)部或外部命令泵督,也不是可運行的程序
或批處理文件。則進行驗證庶喜。

驗證 Node.js 環(huán)境是否安裝的方法很簡單小腊。您可以通過在命令行(終端)中運行以下命令來檢查:

在 Windows 上

  1. 打開命令提示符(CMD)或 PowerShell。

  2. 輸入以下命令并按回車鍵:

    node -v
    

在 macOS 或 Linux 上

  1. 打開終端久窟。

  2. 輸入以下命令并按回車鍵:

    node -v
    

解釋

  • 如果 Node.js 已經(jīng)安裝秩冈,命令會返回已安裝的 Node.js 版本號,例如 v14.17.0斥扛。
  • 如果 Node.js 未安裝入问,命令會提示“命令未找到”或類似的錯誤消息。

示例輸出

如果 Node.js 已安裝稀颁,您可能會看到類似以下的輸出:

v14.17.0

如果 Node.js 未安裝革砸,您可能會看到類似以下的輸出:

'node' is not recognized as an internal or external command, operable program or batch file.

安裝 Node.js

如果 Node.js 未安裝娩践,您可以從 Node.js 官方網(wǎng)站 下載并安裝最新版本。安裝過程非常簡單,只需下載適合您操作系統(tǒng)的安裝包并按照提示進行安裝即可慕的。

驗證安裝

安裝完成后蔗牡,再次運行 node -v 命令以確認 Node.js 已成功安裝痘煤。

看起來您當前的環(huán)境中沒有安裝 Node.js拨与。下面是一步步指導您如何安裝 Node.js 的方法:

安裝 Node.js

在 Windows 上

  1. 訪問 Node.js 官方網(wǎng)站

  2. 下載安裝包

    • 在首頁上芭析,點擊“LTS”版本的下載按鈕。LTS(長期支持)版本是最穩(wěn)定的選擇吞瞪。
    • 下載完成后馁启,雙擊下載的 .msi 文件開始安裝。
  3. 運行安裝向?qū)?/strong>:

    • 按照安裝向?qū)У奶崾具M行安裝芍秆。默認設置通常就足夠了惯疙,但您可以根據(jù)需要進行調(diào)整。
    • 確保在安裝過程中選擇“Add to PATH”選項妖啥,這樣您可以在命令行中直接使用 nodenpm 命令霉颠。
  4. 驗證安裝

    • 打開命令提示符(CMD)或 PowerShell。

    • 輸入以下命令并按回車鍵:

      node -v
      
    • 如果安裝成功荆虱,您應該會看到 Node.js 的版本號蒿偎,例如 v14.17.0朽们。

在 macOS 上

  1. 訪問 Node.js 官方網(wǎng)站

  2. 下載安裝包

    • 在首頁上骑脱,點擊“LTS”版本的下載按鈕。LTS(長期支持)版本是最穩(wěn)定的選擇苍糠。
    • 下載完成后叁丧,雙擊下載的 .pkg 文件開始安裝。
  3. 運行安裝向?qū)?/strong>:

    • 按照安裝向?qū)У奶崾具M行安裝岳瞭。默認設置通常就足夠了拥娄,但您可以根據(jù)需要進行調(diào)整。
  4. 驗證安裝

    • 打開終端瞳筏。

    • 輸入以下命令并按回車鍵:

      node -v
      
    • 如果安裝成功稚瘾,您應該會看到 Node.js 的版本號,例如 v14.17.0乏矾。

在 Linux 上

  1. 打開終端孟抗。

  2. 使用包管理器安裝 Node.js

    • 對于 Debian/Ubuntu 系統(tǒng),使用以下命令:

      sudo apt update
      sudo apt install nodejs
      sudo apt install npm
      
    • 對于 Fedora 系統(tǒng)钻心,使用以下命令:

      sudo dnf install nodejs
      sudo dnf install npm
      
    • 對于 Arch Linux 系統(tǒng),使用以下命令:

      sudo pacman -S nodejs npm
      
  3. 驗證安裝

    • 輸入以下命令并按回車鍵:

      node -v
      
    • 如果安裝成功铅协,您應該會看到 Node.js 的版本號捷沸,例如 v14.17.0

驗證 npm

npm 是 Node.js 的包管理器狐史,通常與 Node.js 一起安裝痒给。您可以使用以下命令驗證 npm 是否安裝成功:

npm -v

如果安裝成功,您應該會看到 npm 的版本號骏全。

總結(jié)

按照上述步驟安裝 Node.js 后苍柏,您應該能夠在命令行中使用 nodenpm 命令。如果有任何問題姜贡,請隨時告訴我试吁。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市楼咳,隨后出現(xiàn)的幾起案子熄捍,更是在濱河造成了極大的恐慌,老刑警劉巖母怜,帶你破解...
    沈念sama閱讀 206,013評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件余耽,死亡現(xiàn)場離奇詭異,居然都是意外死亡苹熏,警方通過查閱死者的電腦和手機碟贾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,205評論 2 382
  • 文/潘曉璐 我一進店門币喧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人袱耽,你說我怎么就攤上這事粱锐。” “怎么了扛邑?”我有些...
    開封第一講書人閱讀 152,370評論 0 342
  • 文/不壞的土叔 我叫張陵怜浅,是天一觀的道長。 經(jīng)常有香客問我蔬崩,道長恶座,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,168評論 1 278
  • 正文 為了忘掉前任沥阳,我火速辦了婚禮跨琳,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘桐罕。我一直安慰自己脉让,他們只是感情好,可當我...
    茶點故事閱讀 64,153評論 5 371
  • 文/花漫 我一把揭開白布功炮。 她就那樣靜靜地躺著溅潜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪薪伏。 梳的紋絲不亂的頭發(fā)上滚澜,一...
    開封第一講書人閱讀 48,954評論 1 283
  • 那天,我揣著相機與錄音嫁怀,去河邊找鬼设捐。 笑死,一個胖子當著我的面吹牛塘淑,可吹牛的內(nèi)容都是我干的萝招。 我是一名探鬼主播,決...
    沈念sama閱讀 38,271評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼存捺,長吁一口氣:“原來是場噩夢啊……” “哼槐沼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起召噩,我...
    開封第一講書人閱讀 36,916評論 0 259
  • 序言:老撾萬榮一對情侶失蹤母赵,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后具滴,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體凹嘲,經(jīng)...
    沈念sama閱讀 43,382評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,877評論 2 323
  • 正文 我和宋清朗相戀三年构韵,在試婚紗的時候發(fā)現(xiàn)自己被綠了周蹭。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片趋艘。...
    茶點故事閱讀 37,989評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖凶朗,靈堂內(nèi)的尸體忽然破棺而出瓷胧,到底是詐尸還是另有隱情,我是刑警寧澤棚愤,帶...
    沈念sama閱讀 33,624評論 4 322
  • 正文 年R本政府宣布搓萧,位于F島的核電站,受9級特大地震影響宛畦,放射性物質(zhì)發(fā)生泄漏瘸洛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,209評論 3 307
  • 文/蒙蒙 一次和、第九天 我趴在偏房一處隱蔽的房頂上張望反肋。 院中可真熱鬧,春花似錦踏施、人聲如沸石蔗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,199評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽养距。三九已至,卻和暖如春束亏,著一層夾襖步出監(jiān)牢的瞬間铃在,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,418評論 1 260
  • 我被黑心中介騙來泰國打工碍遍, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人阳液。 一個月前我還...
    沈念sama閱讀 45,401評論 2 352
  • 正文 我出身青樓怕敬,卻偏偏與公主長得像,于是被迫代替她去往敵國和親帘皿。 傳聞我的和親對象是個殘疾皇子东跪,可洞房花燭夜當晚...
    茶點故事閱讀 42,700評論 2 345

推薦閱讀更多精彩內(nèi)容