」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > JavaScript 中的字串方法

JavaScript 中的字串方法

發佈於2024-08-24
瀏覽:824

String methods in javascript

什麼是字串?

*用引號括起來的一個或多個字元的序列稱為字串。
*引號可以是單引號 '' 或雙引號 " " 或反引號 ``.
並且,字元序列可以是字母、數字、符號等

字串方法

1.charAt(索引)

*charAt() 傳回字串中指定索引處的字元。
*字串的第一個字元的索引為 0,第二個字元的索引為 1,依此類推...

例子

let text = "HELLO";
讓 char = text.charAt(0);
console.log(char)// 回傳“H”

2.長度

*此屬性傳回字串中的字元數。

例子

let text = "HELLO";
讓長度=文本.長度;
console.log(length) // 回傳 5

3.切片(開始,結束)

*提取字串的一部分並將其作為新字串傳回。起始索引包含在內,結束索引不包含。

例子

let text = "HELLO WORLD";
讓部分 = text.slice(0, 5);
console.log(part) // 回傳「HELLO」

4.子字串(開始,結束)

*與 slice() 類似,但將負索引視為 0。它會提取兩個指定索引之間的字元。

例子

let text = "HELLO WORLD";
讓部分 = text.substring(0, 5);
console.log(part)// 回傳「HELLO」

5.toUpperCase()

*將字串中的所有字元轉換為大寫。

例子

let text = "你好";
讓 upper = text.toUpperCase();
console.log(upper)// 回傳「HELLO」

6.toLowerCase()

*將字串中的所有字元轉換為小寫。

例子

let text = "HELLO";
讓 lower = text.toLowerCase();
console.log(lower)// 回傳「hello」

7.修剪()

*刪除字串兩端的空格。

例子

let text = "你好";
讓修剪 = text.trim();
console.log(trimmed) // 回傳「hello」

8.concat()

*連接兩個或多個字串並傳回一個新字串。

例子

let text1 = "你好";
讓text2 =“世界”;
讓組合 = text1.concat(" ", text2);
console.log(combined) // 回傳「Hello World」

9.indexOf(子串)

*傳回指定子字串第一次出現的索引。如果沒有找到則回傳-1。

例子

let text = "HELLO WORLD";
讓索引 = text.indexOf("O");
console.log(index)//返回4

10.替換(搜尋值,新值)

*以新值取代第一次出現的指定值。

例子

let text = "HELLO WORLD";
let newText = text.replace("WORLD", "EVERYONE");
console.log(newText)// 回傳「HELLO EVERYONE」

11.replaceAll(搜尋值,新值)

*以新值取代所有出現的指定值。

例子

let text = "HELLO WORLD WORLD";
let newText = text.replaceAll("WORLD", "EVERYONE");
console.log(newText)// 回傳「HELLO EVERYONE EVERYONE」

12.split(分隔符號)

*根據指定的分隔符號將字串拆分為子字串陣列。

例子

let text = "HELLO WORLD";
讓 parts = text.split(" ");
console.log(parts)// 返回 ["HELLO", "WORLD"]

13.連接(分隔符號)

*使用指定的分隔符號將陣列的元素連接到字串中。

例子

let array = ["HELLO", "WORLD"];
let join = array.join(" ");
console.log(joined)// 回傳「HELLO WORLD」

14.startsWith(搜尋字串)

*檢查字串是否以指定字串開頭。

例子

let text = "HELLO WORLD";
讓starts = text.startsWith("HELLO");
console.log(starts)//回傳true

15.endsWith(搜尋字串)

*檢查字串是否以指定字串結尾。

例子

let text = "HELLO WORLD";
讓結束 = text.endsWith("WORLD");
console.log(ends)//回傳true

16.includes(搜尋字串)

*檢查字串是否包含指定的子字串。

例子

let text = "HELLO WORLD";
令includes = text.includes(“LO”);
console.log(includes)//回傳true

版本聲明 本文轉載於:https://dev.to/t_shivakumar_0dc86c6486c/string-methods-in-javascript-516p?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 掌握 Neowith Java:設定、查詢、交易和視覺化
    掌握 Neowith Java:設定、查詢、交易和視覺化
    Neo4j 是一個強大的圖形資料庫,擅長管理高度互聯的資料。當與 Java 結合使用時,它為建立需要複雜關係建模的應用程式提供了強大的解決方案。這篇文章將引導您了解在 Java 中使用 Neo4j 的基礎知識,包括設定、查詢和最佳實務。 使用 Java 設定 Neo4j 首先,您需...
    程式設計 發佈於2024-11-07
  • JavaScript 中最大的錯誤(以及如何避免它們)
    JavaScript 中最大的錯誤(以及如何避免它們)
    JavaScript 是一种非常强大且适应性强的语言,但它也可能存在难以检测的问题。在这篇博客文章中,我们将探讨开发人员在使用 JavaScript 时发现的五个最常见的缺陷,以及这些问题的原因和解决方案。无论您是经验丰富的开发人员还是刚刚起步的开发人员,了解这些常见危险都会为您节省故障排除时间。 ...
    程式設計 發佈於2024-11-07
  • 限制 Laravel 模型上的急切載重關係
    限制 Laravel 模型上的急切載重關係
    介紹 有時,當您渴望在 Laravel 模型上載入關係時,您可能想要限制返回的相關模型的數量。 例如,在部落格平台上,您可能想要載入系統中的每位作者及其三篇貼文。 在 Laravel 的舊版本中,限制急切加載的關係是一項有點繁瑣的任務。我從來沒有真正找到一種感覺正確的優雅方式來...
    程式設計 發佈於2024-11-07
  • 如何使用 GDB 在 C++ 中列印向量元素?
    如何使用 GDB 在 C++ 中列印向量元素?
    透過GDB 在C 中列印向量元素在GDB 中調試C 程式碼時,檢查std::vector 的內容可能具有挑戰性。例如,考慮一個名為 myVector 的 std::vector。我們如何有效地印製它的元素? 在 GCC 4.1.2 中,解決方案涉及存取向量的內部指標 myVector._M_impl...
    程式設計 發佈於2024-11-07
  • 如何在不同瀏覽器中自訂下拉清單寬度?
    如何在不同瀏覽器中自訂下拉清單寬度?
    IE 下拉清單寬度修改在Internet Explorer 中,下拉清單鏡像其保管箱的寬度,而在Firefox 中,它會適應內容。此限制需要擴展保管箱以容納最長的選擇,從而導致網頁美觀不美觀。 基於CSS 的可變寬度解決方案要克服此問題,使用CSS 允許下拉框和下拉列表使用不同的寬度,請考慮以下事項...
    程式設計 發佈於2024-11-07
  • 在 C++ 中格式化時如何右對齊輸出字串?
    在 C++ 中格式化時如何右對齊輸出字串?
    在C 中透過右對齊格式化輸出字串處理包含資料(例如座標)的文字檔案時,需要對齊列中的項目經常出現正確格式化的問題。在 C 中,輸出字串的操作對於實現這種對齊至關重要。本文解決了輸出字串右對齊的問題,提供了使用標準 C 技術的解決方案。 為了處理輸入文字文件,使用 line.split() 函數將每一...
    程式設計 發佈於2024-11-07
  • CSS 漸層產生器
    CSS 漸層產生器
    歡迎來到「免費 CSS 工具」系列。 在本系列中,我們將找到完全免費且易於使用的 CSS 工具。 在解釋瞭如何使用該工具後,我將與您分享該工具的連結。 工具連結:此工具可在 webdevtales.com 上取得 工具1:CSS漸層生成器 工具檢視: 介紹 歡迎使用 CSS 漸...
    程式設計 發佈於2024-11-07
  • 為什麼小型函數會讓你成為編碼英雄的原因
    為什麼小型函數會讓你成為編碼英雄的原因
    嘿,代碼愛好者們! ?您是否曾經發現自己迷失在無盡的線條海洋中,想知道一個功能在哪裡結束,另一個功能從哪裡開始?我們都去過那裡。今天,我們來談談為什麼將程式碼分解成更小的、可管理的區塊不僅僅是一種最佳實踐——它還能改變你的開發技能和職業生涯。 1.未來的你會感謝你 想像一下:現在是...
    程式設計 發佈於2024-11-07
  • JavaScript 變數名稱中美元符號的含義是什麼?
    JavaScript 變數名稱中美元符號的含義是什麼?
    為什麼在 JavaScript 變數名稱中使用美元符號? 提供的 JavaScript 程式碼包含一個名為「$item」的變量,該變數引發問題:變數名稱中美元符號的用途是什麼? 在 JavaScript 中,變數名稱前面的美元符號對於解譯器來說沒有特殊意義。它用作輕鬆識別包含 jQuery 物件的變...
    程式設計 發佈於2024-11-07
  • Laravel 中的授權 - 初學者指南
    Laravel 中的授權 - 初學者指南
    掌握 Laravel 中的授權:Gates 與策略類別 ?? 在現代 Web 應用程式中,控制誰可以存取或修改資源至關重要。例如,在部落格應用程式中,您可能希望確保只有貼文的擁有者才能編輯或刪除它。 Laravel 提供了兩種優雅的方式來處理授權:Gates 和 Policy Cl...
    程式設計 發佈於2024-11-07
  • Laravel 的枚舉
    Laravel 的枚舉
    報告 在我從事的一個專案中,有一個選擇欄位定義了不會更改的值。因此,為了列出此選擇中的項目,我決定建立一個枚舉類,然後描述這些值。但是,該項目需要支援英語和西班牙語,並且選擇選項的文本需要適應這一點,同時又不丟失對相應枚舉項的引用。換句話說,如果我選擇了“馬”這個項目,我需要係統知道這個項目仍然是“...
    程式設計 發佈於2024-11-07
  • \“模組 vs 主要:現代英雄 vs package.json 的復古傳奇!\”
    \“模組 vs 主要:現代英雄 vs package.json 的復古傳奇!\”
    什麼是模組字段? package.json 中的 module 欄位指定 ESM(ES6 模組) 的入口點。與為CommonJS 模組(require()) 設計的main 欄位不同,模組用於支援較新的ESM 標準的目標環境,例如JavaScript 捆綁程式(Webpack、Ro...
    程式設計 發佈於2024-11-07
  • 如何在 CSS 檔案中實現類似變數的行為?
    如何在 CSS 檔案中實現類似變數的行為?
    CSS 檔案中的變數宣告並使用在 CSS 中,通常需要在整個樣式表中重複使用特定值。雖然沒有明確的變數聲明語法,但有一些技術可以實現此功能。 一種方法是利用 CSS 選擇器和樣式規則。將相關樣式組合在單一規則下,您可以避免重複,同時澄清每種樣式的範圍。例如:/* Theme color: text ...
    程式設計 發佈於2024-11-07
  • 如何在 PHP 中編寫基本函數來從文字中刪除表情符號?
    如何在 PHP 中編寫基本函數來從文字中刪除表情符號?
    用 PHP 編寫一個簡單的 removeEmoji 函數處理線上文字通常需要刪除表情符號,特別是在 Instagram 評論等情況下。本文探討了針對這種需求的解決方案,利用 PHP preg_replace 函數來有效地消除給定文字中的表情符號。 removeEmoji 函數利用一系列正規表示式來匹...
    程式設計 發佈於2024-11-07
  • Slim 和 Flight PHP 框架比較
    Slim 和 Flight PHP 框架比較
    为什么要使用微框架? 在社交媒体上,新的 PHP 开发人员经常会问“我的项目应该使用什么框架”,通常给出的答案是“Laravel”或“Symfony”。 虽然这些都是不错的选择,但这个问题的正确答案应该是“你需要框架做什么?” 正确的框架应该能够满足您的需要,并且不会包含大量您永远...
    程式設計 發佈於2024-11-07

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3