JavaScript 字符串方法
字符方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>字符方法</title>
</head>
<body>
<script type="text/javascript">
/*
charAt方法和charCodeAt方法都接收一個參數，基於0的字符位置
charAt方法是以單字符字符串的形式返回給定位置的那個字符
charCodeAt方法獲取到的不是字符而是字符編碼
*/
var str="hello world";
console.log(str.charAt(1));//e
console.log(str.charCodeAt(1));//101
//還可以使用方括號加數字索引來訪問字符串中特定的字符
console.log(str[1]);//e
</script>
</body>
</html>
字符串操作方法
concat方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>concat方法</title>
</head>
<body>
<script type="text/javascript">
var str="hello ";
var res=str.concat("world");
console.log(res);//hello world
console.log(str);//hello 這說明原來字符串的值沒有改變
var res1=str.concat("nihao","!");
console.log(res1);//hello nihao! 說明concat方法可以接收任意多個參數
//雖然concat方法是專門用來拼接字符串的，但是實踐中我們使用最多的還是加操作符+，因為其簡易便行
</script>
</body>
</html>
slice方法、substring方法、substr方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>字符串操作方法</title>
</head>
<body>
<script type="text/javascript">
/*
slice方法：第一個參數指定子字符串開始位置，第二個參數表示子字符串最後一個字符後面的位置
substring方法：第一個參數指定子字符串開始位置，第二個參數表示子字符串最後一個字符後面的位置
substr方法：第一個參數指定子字符串開始位置，第二個參數表示返回的字符個數
這三個方法都會返回被操作字符串的一個子字符串，都接收一或兩個參數
如果沒有給這些方法傳遞第二個參數，則將字符串的長度作為結束位置。這些方法也不會修改字符串本身，只是返回一個基本類型的字符串值
*/
var str="hello world";
console.log(str.slice(3));//lo world
console.log(str.substring(3));//lo world
console.log(str.substr(3));//lo world
console.log(str.slice(3,7));//lo w 7表示子字符串最後一個字符後面的位置 簡單理解就是包含頭不包含尾
console.log(str.substring(3,7));//lo w
console.log(str.substr(3,7));//lo worl 7表示返回7個字符
console.log(str.slice(3,-4));//lo w -4+11=7表示子字符串最後一個字符後面的位置 簡單理解就是包含頭不包含尾
console.log(str.substring(3,-4));//hel 會轉換為console.log(str.substring(3,0));
//此外由於這個方法會將較小數作為開始位置，較大數作為結束位置，所以相當於調用console.log(str.substring(0,3));
console.log(str.substr(3,-4));//""空字符串
console.log(str.substring(3,0));
</script>
</body>
</html>
字符串位置方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>字符串位置方法</title>
</head>
<body>
<script type="text/javascript">
/*
indexOf方法和lastIndexOf方法都是從一個字符串中搜索給定的子字符串，然後返回子字符串的位置，如果沒有找到，則返回-1
indexOf方法是從字符串的開頭向後搜索子字符串，lastIndexOf方法正好相反
這兩個方法都可以接收兩個參數：要查找的子字符串和查找的位置
*/
var str="hello world";
console.log(str.indexOf("o"));//4
console.log(str.lastIndexOf("o"));//7
console.log(str.indexOf("o",6));//7
console.log(str.lastIndexOf("o",6));//4
</script>
</body>
</html>
trim方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>trim方法</title>
</head>
<body>
<script type="text/javascript">
/*
trim方法用來刪除字符串前後的空格
*/
var str=" hello world ";
console.log(‘(‘+str.trim()+‘)‘);//(hello world)
console.log(‘(‘+str+‘)‘);//( hello world )
</script>
</body>
</html>
JavaScript 字符串方法