js — 字元串

目錄

• 1. 拼接字元串
• 2. 獲取字元的方法
• 3. 字元串操作方法(切片)
• 4. 字元串位置方法 — 索引
• 5. trim()方法
• 6. 字元串大小寫轉換方法

字元串

typeof 用於校驗當前變數的數據類型

var b = 'asd'
console.log(typeof b); 

1. 拼接字元串

在Javascript中拼接字元串使用加號(+)操作符，之前我們是拿+來做數字加法運算，但是在這種情況下，它做了一下不同的事情。

<script>
    var name = 'wusir', age = 28;
    //es6以下版本的字元串拼接
    var str = name + '今年是' + age + '歲了，快要結婚了，娶了個黑姑娘';
    console.log(str);
    //es6的模板字元串： ``反引號
    var str2 = `${name}今年是${age}歲了，快要結婚了，娶了個黑姑娘`;
    console.log(str2);
</script>

2. 獲取字元的方法

訪問字元串中特定字元的方法：

• charAt() 以單字元字元串的形式返回給定位置的那個字元 (ECMAScript 中沒有字元類型)。
• charCodeAt() 以單字元字元串的形式返回給定位置的那個字元的ASCII編碼

這兩個方法都接收一個 參數，即基於 0 的字元位置。

3. 字元串操作方法(切片)

1.concat() 用於將一或多個字元串拼接起來， 返回拼接得到的新字元串。

2.基於子字元串創建新字元串的方法: slice()、substr() 和 substring()

這三個方法都會返回被操作字元串的一個子字元串，而且也都接受一或兩個參數。第一個參數指定字元串的開始位置，第二個參數(在指定的情況下)表示字元串到哪裡結束。

• slice() 和 substring() 的第二個參數指定的是字元串最後一個字元後面的位置。
• substr() 的第二個參數指定的則是返回的字元個數。如果沒有給這些方法傳遞第二個參數，則將字元串的長度作為結束位置。

var stringValue = "hello world";
alert(stringValue.slice(3));//"lo world"
alert(stringValue.substring(3));//"lo world"
alert(stringValue.substr(3));//"lo world"
alert(stringValue.slice(3, 7));//"lo w"
alert(stringValue.substring(3,7));//"lo w"
alert(stringValue.substr(3, 7));//"lo worl"

alert(stringValue.slice(-3));//"rld" 
alert(stringValue.substring(-3));//"hello world"
alert(stringValue.substr(-3)); //"rld"
alert(stringValue.slice(3, -4));//"lo w" 
alert(stringValue.substring(3, -4));//"hel"
alert(stringValue.substr(3, -4)); //""(空字元串)

4. 字元串位置方法 — 索引

從字元串中查找子字元串的方法: indexOf() 和 lastIndexOf()

indexOf() 和 lastIndexOf() 都是從 一個字元串中搜索給定的子字元串，然後返回子字元串的位置(如果沒有找到該子字元串，則返回-1)。

indexOf() 和 lastIndexOf() 的區別:

• indexOf() 方法從字元串的開頭向後搜索子字元串
• lastIndexOf() 方法 是從字元串的末尾向前搜索子字元串

var stringValue = "hello world";
alert(stringValue.indexOf("o"));             //4
alert(stringValue.lastIndexOf("o"));         //7
alert(stringValue.indexOf("o", 6));         //7
alert(stringValue.lastIndexOf("o", 6));     //4

5. trim()方法

trim()方法 — 刪除字元串的前後空格

var stringValue = "   hello world   ";
var trimmedStringValue = stringValue.trim();
alert(stringValue);            //"   hello world   "
alert(trimmedStringValue);     //"hello world"

6. 字元串大小寫轉換方法

ECMAScript 中涉及字元串大小寫轉換的方法：toUppercase() 、tolowercase()

var stringValue = "hello world"
//轉大寫
alert(stringValue.toUpperCase()); //"HELLO WORLD"
//轉小寫
alert(stringValue.toLowerCase()); //"hello world"