js字符串常用的一些方法

劉福發布于2019-08-19 18:26 / 3346人閱讀

摘要：返回字符串的長度字符串屬性返回字符串的第個字符，如果不在之間，返回一個空字符串返回在字符串中首次出現的位置從位置開始查找，如果不存在，則返回。

(1) str.length => 返回字符串的長度（字符串屬性）

var str = "JavaScript";
str.length; // 10

(2) str.charAt(n) => 返回字符串的第n個字符，如果n不在0 ~ str.length-1之間，返回一個空字符串

var str = "JavaScript";
str.charAt(3);  // "a"
str.charAt(10); // ""

(3) str.indexOf(substr[, start]) => 返回 substr 在字符串 str 中首次出現的位置,從 start 位置開始查找，如果不存在，則返回 -1。
start可以是任意整數，默認值為 0。如果 start < 0 則查找整個字符串（如同傳進了 0）。如果 start >= str.length，則該方法返回 -1，除非被查找的字符串是一個空字符串，此時返回 str.length

var str = "JavaScript";
str.indexOf("av");   // 1
str.indexOf("av",2); // -1
str.indexOf("",11);  // 10
str.indexOf("",8);   // 8

eg: 使用 indexOf 統計一個字符串中某個字母出現的次數

var str = "To be, or not to be, that is the question.";
var count = 0;
var pos = str.indexOf("e");

while (pos !== -1) {
  count++;
  pos = str.indexOf("e", pos + 1);
}

console.log(count); // 4

(4) str.lastIndexOf(substr[, start]) => 返回 substr 在字符串 str 中最后出現的位置,從 start 位置向前開始查找，如果不存在，則返回 -1。

"canal".lastIndexOf("a")   // 3

(5) str.includes(substr[, start]) => ES6方法判斷 substr 是否被包含在 str 中，如果是返回true，否則返回false

var str = "To be, or not to be, that is the question.";

str.includes("To be");     // true
str.includes("To be", 1);  // false
str.includes("TO BE");     // false

(6) str.startsWith(substr[, start]) => ES6方法判斷 str 是否是以 substr “開頭”的，如果是返回true，否則返回false

var str = "To be, or not to be, that is the question.";

str.startsWith("To be");         // true
str.startsWith("not to be");     // false
str.startsWith("not to be", 10); // true

(7) str.endsWith(substr[, n]) => ES6方法判斷 str 是否是以 substr “結尾”的，如果是返回true，否則返回false。可選參數n表示前n個字符，默認值 str.length

var str = "To be, or not to be, that is the question.";

str.endsWith("question.");  // true
str.endsWith("to be");      // false
str.endsWith("To be", 5);   // true

(8) str.repeat(n) => ES6方法返回一個新字符串，表示將str重復n次，n >= 0

"abc".repeat(0)      // ""
"abc".repeat(1)      // "abc"
"abc".repeat(2)      // "abcabc"
"abc".repeat(3.6)    // "abcabcabc"

(9) str.toLowerCase() => 將 str 轉換為小寫，并返回 str 的一個副本，不影響字符串本身的值

var str = "JavaScript";
str.toLowerCase(); // "javascript"
console.log(str);  // "JavaScript"

(10) str.toUpperCase() => 將 str 轉換為大寫，并返回 str 的一個副本，不影響字符串本身的值

var str = "JavaScript";
str.toUpperCase(); // "JAVASCRIPT"
console.log(str);  // "JavaScript"

(11) str.trim() => 去除 str 開頭和結尾處的空白字符，返回 str 的一個副本，不影響字符串本身的值

var orig = "   foo  ";
orig.trim();       // "foo"
console.log(orig); // "   foo  "

(12) str.substring(start[, end]) => 返回從 start 到 end（不包括）之間的字符，start、end均為非負整數

var str = "JavaScript";
str.substring(0,4); // "Java"
str.substring(4,0); // "Java",start > end,執行效果相當于將兩個參數調換
str.substring(4,4); // "",start == end,返回空字符串

(13) str.substr(start[, length]) => 返回 str 中從指定位置開始到指定長度的子字符串，start可為負值

var str = "JavaScript";
str.substr(0,4);  // "Java"
str.substr(-6,6); //"Script"

(14) str.slice(start[, end]) => 返回從 start 到 end（不包括）之間的字符，start、end可為負值

var str = "The morning is upon us!";
str.slice(4, -1); // "morning is upon us"
str.slice(1, 3); // "he"

(15) str.replace(regexp|substr, newSubStr|function) => 替換 str 的子字符串

var str = "Apples are round, and apples are juicy.";
str.replace("apples","oranges");    // "Apples are round, and oranges are juicy."
str.replace(/apples/gi, "oranges"); // "oranges are round, and oranges are juicy."

(16) str.search(regexp) => 查找 str 與一個正則表達式是否匹配。如果匹配成功，則返回正則表達式在字符串中首次匹配項的索引；否則，返回 -1。如果參數傳入的是一個非正則表達式對象，則會使用 new RegExp(obj) 隱式地將其轉換為正則表達式對象

var str = "I love JavaScript!";
str.search(/java/); // -1
str.search(/Java/); // 7
str.search(/java/i); // 7
str.search("Java"); // 7

(17) str.match(regexp) => 返回一個包含匹配結果的數組，如果沒有匹配項，則返回 null。如果參數傳入的是一個非正則表達式對象，則會使用 new RegExp(obj) 隱式地將其轉換為正則表達式對象

var str = "Boy boy, Gay gay!";
str.match(/boy/); // ["boy"]
str.match(/gay/gi); // ["Gay", "gay"]
str.match(/lesbian/g); // null

(18) str.split([separator][, limit]) => 返回一個數組，分隔符 separator 可以是一個字符串或正則表達式

var str = "Hello?World!";
str.split(); // ["Hello?World!"]
str.split(""); // ["H", "e", "l", "l", "o", "?", "W", "o", "r", "l", "d", "!"]
str.split("?"); // ["Hello", "World!"]
str.split("",5); // ["H", "e", "l", "l", "o"]

(19) + => 字符串拼接，直接用加號，宇宙最強大法！

云服務器 GPU云服務器 linux的一些常用命令數據分析的一些方法 js中的字符串方法 js有哪些常用方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79595.html

js封裝的一些常用方法

摘要：整理自己常用的一些封裝方法數組按照指定長度拆分數組按指定長度拆分刪除數組中指定元素刪除數組中指定元素將小數指定到精確位置將小數字符串精確到指定位數字符串類型的小數精確到小數點第幾位根據微妙時間戳獲取年月日時分秒根據微妙時間戳獲取年月日時分秒整理自己常用的一些封裝方法 1.數組按照指定長度拆分 // 數組按指定長度拆分 export function chunk (data, coun...

senntyou 2019-08-23 16:55 評論0 收藏0
js常用的時間戳互相轉換方法，以及一些其它相關時間方法。

摘要：前言做項目其實經常需要與時間接觸。時間戳與時間的轉換問題，在這做一個記錄。我自己試了最新版的，，返回的是一樣的。前言做項目其實經常需要與時間接觸。時間戳與時間的轉換問題，在這做一個記錄。 1.獲取特定格式的時間 myDate.getYear(); //獲取當前年份(2位) myDate.getFullYear(); //獲取完整的年份(4位,1970-????) myDate.ge...

李昌杰 2019-08-23 12:22 評論0 收藏0
js和原生應用常用的數據交互方式

摘要：一旦使用了那么就少不了和原生開發的一些交互如下的方案能夠幫助你解決。其實現原理是原生在的對象中注入一個方法，以備原生應用進行處罰觸發，就和我們平時去調用的方法一樣簡單。代碼常用調用原生的方式都在這里體現。 showImg(https://segmentfault.com/img/remote/1460000016955237); 場景1 在原生app中經常會使用到H5頁面，比如說電商中...

raledong 2019-08-23 12:57 評論0 收藏0
js基礎常用知識點由淺入深整理篇

摘要：因為同一時間，只能處理一個異步，這又牽扯到單線程問題了。然后控制臺默默打印了個目前前端，異步主要為前后端交互以及定時器，僅僅說前端，如果說的話，還有文件讀取等其他的方面會異步。此篇文章完全按照我個人理解去寫。 1.何為JS 先說說js干啥的。不負責點說，js就是操作瀏覽器的。有人可能說nodeJS，nodeJS嚴格意義上只能說是用的ES,因為他沒有dom ，也沒有bom。簡單點說...

Zack 2019-08-26 10:11 評論0 收藏0
工作中常用es6+特性

摘要：結合工作中使用情況，簡單對進行一些復習總結，包括常用的語法，等，以及短時間內要上手需要重點學習的知識點不同工作環境可能有一些差別，主要參考鏈接是阮一峰的博客以及外文博客阮老師大部分文章是直接翻譯的這個博客簡介先說一下，是一個標準化組織，他們結合工作中使用情況，簡單對es6進行一些復習總結，包括常用的語法，api等，以及短時間內要上手需要重點學習的知識點（不同工作環境可能有一些差別），...

xcold 2019-08-23 18:39 評論0 收藏0