快捷導(dǎo)航

JavaScript中常用的字符串方法函數(shù)操作方法總結(jié)

更新時(shí)間：2023年12月16日 14:45:31 投稿：yin

這篇文章主要介紹了JavaScript中所有的字符串函數(shù)操作方法整理匯總,包括字符串的長(zhǎng)度、連接、查找、截取、替換、分隔、轉(zhuǎn)換等處理方法,以及網(wǎng)址中獲取文件名等等,需要的朋友可以參考下

字符串的創(chuàng)建

字符串可以通過兩種方式創(chuàng)建，分別是雙引號(hào)和單引號(hào)。

var str1 = "JavaScript";   // 使用雙引號(hào)創(chuàng)建字符串
var str2 = 'JavaScript';   // 使用單引號(hào)創(chuàng)建字符串

字符串的長(zhǎng)度

使用字符串的 length 屬性可以獲取字符串的長(zhǎng)度，即字符串中字符的個(gè)數(shù)。

var str = "JavaScript";
console.log(str.length);   // 輸出：10

字符串的連接

使用 + 運(yùn)算符可以將兩個(gè)字符串進(jìn)行連接。

var str1 = "Hello";
var str2 = "World";
var str3 = str1 + " " + str2;
console.log(str3);   // 輸出：Hello World

字符串的查找

indexOf()

indexOf() 函數(shù)用來查找字符串中指定字符或字符串的位置，返回查找到的第一個(gè)位置，如果沒有找到則返回 -1。

var str = "Hello World";
console.log(str.indexOf("o"));      // 輸出：4
console.log(str.indexOf("JavaScript"))   // 輸出：-1

lastIndexOf()

lastIndexOf() 函數(shù)用來查找字符串中指定字符或字符串的位置，返回查找到的最后一個(gè)位置，如果沒有找到則返回 -1。

var str = "Hello World";
console.log(str.lastIndexOf("o"));      // 輸出：7
console.log(str.lastIndexOf("JavaScript"))   // 輸出：-1

字符串的截取

substr()

substr() 函數(shù)用來截取字符串中指定區(qū)間的字符串，第一個(gè)參數(shù)是起點(diǎn)位置，第二個(gè)參數(shù)是截取的長(zhǎng)度，如果不傳第二個(gè)參數(shù)，則會(huì)截取到最后。

var str = "Hello World";
console.log(str.substr(0, 5));      // 輸出：Hello
console.log(str.substr(6));    // 輸出：World

substring()

substring() 函數(shù)用來截取字符串中指定區(qū)間的字符串，第一個(gè)參數(shù)是起點(diǎn)位置，第二個(gè)參數(shù)是終點(diǎn)位置，不包括終點(diǎn)位置。如果第一個(gè)參數(shù)比第二個(gè)參數(shù)大，則會(huì)交換兩個(gè)參數(shù)的值。

var str = "Hello World";
console.log(str.substring(0, 5));      // 輸出：Hello
console.log(str.substring(6));    // 輸出：World

字符串的替換

replace()

replace() 函數(shù)用來替換字符串中指定的字符或字符串。

var str = "Hello World";
console.log(str.replace("World", "JavaScript"));    // 輸出：Hello JavaScript

字符串的分隔

split()

split() 函數(shù)可以把字符串分隔成數(shù)組，第一個(gè)參數(shù)是分隔符，返回的是一個(gè)數(shù)組，數(shù)組中的元素是分隔符分隔的字符串片段。如果不傳參數(shù)，則會(huì)把整個(gè)字符串作為一個(gè)元素放到數(shù)組中。

var str = "hello,world,javascript";
var arr = str.split(",");
console.log(arr);    // 輸出：["hello", "world", "javascript"]

字符串的轉(zhuǎn)換

toUpperCase()

toUpperCase() 函數(shù)可以把字符串中的字母轉(zhuǎn)換成大寫。

var str = "Hello World";
console.log(str.toUpperCase());    // 輸出：HELLO WORLD

toLowerCase()

toLowerCase() 函數(shù)可以把字符串中的字母轉(zhuǎn)換成小寫。

var str = "Hello World";
console.log(str.toLowerCase());    // 輸出：hello world

以上就是本篇攻略內(nèi)容的全部了，希望對(duì)大家有所幫助。

示例

示例一

需求：從網(wǎng)址中獲取文件名，例如將 http://www.example.com/js/main.js 轉(zhuǎn)換成 main.js。

var url = "http://www.example.com/js/main.js";
var arr = url.split("/");
console.log(arr[arr.length - 1]);    // 輸出：main.js

示例二

需求：將字符串中的每一個(gè)單詞首字母大寫。

var str = "this is a test";
var arr = str.split(" ");
for (var i = 0; i < arr.length; i++) {
    arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].slice(1);
}
var newStr = arr.join(" ");
console.log(newStr);    // 輸出：This Is A Test

到此這篇關(guān)于JavaScript中所有的字符串函數(shù)操作方法整理匯總的文章就介紹到這了,更多相關(guān)JavaScript中的字符串函數(shù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: