JavaScript 字符串方法(二)
字符串大小寫轉換方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>大小寫轉換</title>
</head>
<body>
<script type="text/javascript">
var str="HELLO world";
console.log(str.toLowerCase());//hello world
console.log(str.toUpperCase());//HELLO WORLD
</script>
</body>
</html>
字符串模式匹配方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>字符串模式匹配</title>
</head>
<body>
<script type="text/javascript">
/*
match方法:只接受一個參數,由字符串或RegExp對象指定的一個正則表達式
search方法:只接受一個參數,由字符串或RegExp對象指定的一個正則表達式
search方法返回字符串中第一個匹配項的索引,如果沒有匹配項,返回-1
*/
var str="cat,bat,sat,fat";
var pattern=/.at/;
var matches=str.match(pattern);
console.log(matches.index);//0
console.log(matches[0]);//cat
console.log(pattern.lastIndex);//0
//lastIndex表示開始搜索下一個匹配項的字符位置,從0算起
var pos=str.search(/at/);
console.log(pos);//1 1表示at字符串在原來字符串中第一次出現的位置
</script>
</body>
</html>
replace方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>replace方法</title>
</head>
<body>
<script type="text/javascript">
var str="cat,bat,sat,fat";
var res=str.replace("at","one");//第一個參數是字符串,所以只會替換第一個子字符串
console.log(res);//cone,bat,sat,fat
var res1=str.replace(/at/g,"one");//第一個參數是正則表達式,所以會替換所有的子字符串
console.log(res1);//cone,bone,sone,fone
</script>
</body>
</html>
split方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>split方法</title>
</head>
<body>
<script type="text/javascript">
/*
split方法是基於指定的字符,將字符串分割成字符串數組
當指定的字符為空字符串時,將會分隔整個字符串
*/
var str="red,blue,green,yellow";
console.log(str.split(","));//["red", "blue", "green", "yellow"]
console.log(str.split(",",2));//["red", "blue"] 第二個參數用來限制數組大小
console.log(str.split(/[^\,]+/));// ["", ",", ",", ",", ""]
//第一項和最後一項為空字符串是因為正則表達式指定的分隔符出現在了子字符串的開頭,即"red"和"yellow"
//[^...] 不在方括號內的任意字符 只要不是逗號都是分隔符
</script>
</body>
</html>
localeCompare方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>localeCompare方法</title>
</head>
<body>
<script type="text/javascript">
/*
這個方法用於比較兩個字符串
1.如果字符串在字母表中應該排在字符串參數之前,則返回一個負數
1.如果字符串等於字符串參數,則返回0
1.如果字符串在字母表中應該排在字符串參數之後,則返回一個正數
*/
var str="yellow";
console.log(str.localeCompare("brick"));//1
console.log(str.localeCompare("yellow"));//0
console.log(str.localeCompare("zoo"));//-1
</script>
</body>
</html>
JavaScript 字符串方法(二)