js字符串
一、字符串的属性
字符串的属性
length: 表示字符串的长度
例如 :
var str = “howareyou”;
console.log(str.length);
console.log(str[0]); //获取字符串中对应下标的字符
注意: ECMAScript 中的字符串是不可变的; 也就是说，字符串一旦创建，它们的值就不能改变.
如果要改变某个变量保存的字符串，首先要销毁原来的字符串，然后再用另一个包含新值的字符串填充该变量.
var str = “Hello”;
str = str+” world!”;
二、字符串的方法
字符串的方法(函数)
var str = 'ab';
(1)str.charAt(3); 获取下标为3的字符
(2)str.charCodeAt(3); 获取下标为3的字符的编码(ASCII码)
(3)String.fromCharCode(94); ASCII编码转换成字符
var str = String.fromCharCode(98,99); //可传入多个参数
(4) str.concat(); 连接字符串
var str1 = “hello”;
var str2 = str1.concat(“ world”);
(5) 字符串的查找方法
str.indexOf(“abc”); 查找字符串第一次出现的位置,如果没找到则返回-1
var str = “abcdabcd”;
var subStr = “bcd”;
var index = str.indexOf(subStr);
(6)str.lastIndexOf(“abc”); 查找字符串最后一次出现的位置,如果没找到则返回-1
var index = str.lastIndexOf(“abc”);
(7)str.search(); 正则匹配(返回第一次出现的位置)
var str = “Abcdabcd”;
var index = str.search(/abc/i);
注: g表示进行全局匹配，i表示匹配的时候忽略大小写
(8)str.replace(); 替换字符串
var str = "how are Are are you!";
//替换一次
var newStr = str.replace("are", "old are");
//替换多次
var newStr = str.replace(/are/g, "x");
console.log(newStr)
这里的替换只能执行一次，不能够进行全局匹配，如果需要全局匹配，则应使用正则表达式
(9)str.substring(start,end); 截取字符串范围是[start,end)
var str= "Helloworld!";
console.log(str.substring(2,5));
注:如果只有一个参数, 则表示到字符串最后
(10)str.split(separator, howmany); 根据分隔符、拆分成数组
separator(字符串或正则表达式)
howmany(可以指定返回的数组的最大长度,可以省略)
注:如果空字符串(“”)用作separator,那么stringObject中的每个字符之间都会被分割。
(11)大小写转换
str.toLowerCase();把字符串转换成小写
str.toUpperCase();把字符串转换成大写
三、Math对象
Math对象
Math对象可以用于执行数学任务
Math对象的常用函数:
Math.round(3.6) //四舍五入
Math.random() //返回0-1之间的随机数
Math.max(num1, num2) //返回较大的数
Math.min(num1, num2) //返回较小的数
Math.abs(num) //绝对值
Math.ceil(19.3) //向上取整
Math.floor(11.8) //向下取整
Math.pow(x,y) //x的y次方
Math.sqrt(num) //开平方
Math.sin(x)//返回数的正弦
四、正则表达式的概念
正则表达式修饰符
修饰符 可以在全局搜索中不区分大小写:
| 修饰符 | 描述 |
|---|---|
| i | 执行对大小写不敏感的匹配 |
| g | 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 |
| m | 执行多行匹配。 |
正则表达式模式
方括号用于查找某个范围内的字符：
| 表达式 | 描述 |
|---|---|
| [abc] | 查找方括号之间的任何字符。 |
| [0-9] | 查找任何从 0 至 9 的数字。 |
| (x|y) | 查找任何以 | 分隔的选项。 |
元字符是拥有特殊含义的字符：
| 元字符 | 描述 |
|---|---|
| \d | 查找数字 |
| \D | 查找非数字 |
| \w | 数字字母下划线 |
| \W | 非数字字母下划线 |
| \s | 查找空白字符 |
| \b | 匹配单词边界 |
| \uxxxx | 查找以十六进制数xxxx规定的Unicode边界 |
量词：
| 量词 | 描述 |
|---|---|
| n+ | 匹配任何包含至少一个 n 的字符串。 |
| n* | 匹配任何包含零个或多个 n 的字符串。 |
| n? | 匹配任何包含零个或一个 n 的字符串。 |
match 方法
使用正则表达式模式对字符串执行查找，并将包含查找的结果作为数组返回。
stringObj.match(rgExp)
参数 stringObj
必选项。对其进行查找的 String 对象或字符串文字。
rgExp
必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。
其余说明与exec一样，不同的是如果match的表达式匹配了全局标记g将出现所有匹配项，而不用循环，但所有匹配中不会包含子匹配项。
var str="Hello world!"
document.write(str.match("world") + "
")
document.write(str.match("World") + "
")
document.write(str.match("worlld") + "
")
document.write(str.match("world!"))
输出：
world
null
null
world!
var str="1 plus 2 equal 3"
console.log(str.match(/\d+/g)) // [1,2,3]
exec 方法
exec() 方法是一个正则表达式方法。
exec() 方法用于检索字符串中的正则表达式的匹配。
该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。
rgExp.exec(str)
/e/.exec("The best things in life are free!");
test 方法
test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。
rgexp.test(str)
var patt = /e/;
patt.test("The best things in life are free!");
/^1[3-8][0-9]{9}$/.test('15611833906')
search 方法
search 方法可使用字符串作为参数。字符串参数会转换为正则表达式：
返回与正则表达式查找内容匹配的第一个子字符串的位置（偏移位）。
stringObj.search(rgExp)
var str="Visit lucky!"
document.write(str.search(/lucky/i))
replace 方法
返回根据正则表达式进行文字替换后的字符串的复制。
stringObj.replace(rgExp, replaceText)
<p>替换 "microsoft" 为 "Runoob" :</p>
<button onclick="myFunction()">点我</button>
<p id="demo">Visit Microsoft!</p>
<script>
function myFunction() {
var str = document.getElementById("demo").innerHTML;
var txt = str.replace(/microsoft/i,"Runoob");
document.getElementById("demo").innerHTML = txt;
}
split 方法
将一个字符串分割为子字符串，然后将结果作为字符串数组返回。
stringObj.split([separator[, limit]])
说明：
split 方法的结果是一个字符串数组，在 stingObj 中每个出现 separator 的位置都要进行分解。separator 不作为任何数组元素的部分返回。
'156118 339\t06'.split(/\s/)
正则匹配实例
//.号元字符, 代表除了换行之外的所有单个字符
var pattern = /g..gle/; //一个点.匹配一个任意的字符
var str = "goagle";
console.log(pattern.test(str));
//*号元字符, 配合其他字符使用, 允许其他字符出现任意多次
// 重复多次匹配, 可以出现任意次,
var pattern = /g.*gle/; //.* 匹配0到多个字符
var str = "google"
console.log(pattern.test(str));
// [ ] : 表示字符可以出现的范围
//[a-z]*表示任意0到多个a-z的字母
var pattern = /g[a-z]*gle/;
var str = "google";
console.log(pattern.test(str));
//非字符: ^
var pattern = /g[^0-9]*gle/; //可以有任意多个非0-9的字符
var str = "google";
console.log(pattern.test(str));
//+ 表示至少出现1次
//[A-Z]+: 至少出现一个A-Z的字符
var pattern = /[a-z][A-Z]+/;
var str = "gooGle";
console.log(pattern.test(str));
//使用元符号匹配
//\w* :匹配任意多个数字字母下划线 , \w : 等价于[a-zA-Z0-9_]
var pattern = /g\w*gle/;
var str = "gooA3gle";
console.log(pattern.test(str));
//\d 代表数字, 等价于 [0-9]
//\d* 表示任意多个数字
var pattern = /g\d*gle/;
var str = "g3243gle";
console.log(pattern.test(str));
//\D: 匹配非数字, 相当于[^0-9]
var pattern = /g\Dgle/;
var str = "ga3gle";
console.log(pattern.test(str));
//\D{7,}: 匹配至少7个非数字, 相当于[^0-9]{7,}
var pattern = /\D{7,}/;
var str = "g3243gle";
console.log(pattern.test(str));
/使用锚元字符
// /^ 匹配开始,从头开始匹配
// $/ 匹配结尾,从结尾开始匹配
var pattern = /^google$/;
var str = "google";
console.log(pattern.test(str));
// \s 匹配空白字符
var pattern = /goo\sgle/;
var str = "goo gle";
console.log(pattern.test(str));
//m 多行匹配
var str = "first second\nthird fourth\nfifth sixth";
var patt = /\w+$/gm
var patt = /\w+/gm
console.log(str.match(patt));
正则匹配实例
/*是否带有小数*/
function isDecimal(strValue ) {
var objRegExp= /^\d+\.\d+$/;
return objRegExp.test(strValue);
}
/*校验是否中文名称组成 */
function ischina(str) {
var reg=/^[\u4E00-\u9FA5]{2,4}$/; /*定义验证表达式*/
return reg.test(str); /*进行验证*/
}
/*校验是否全由8位数字组成 */
function isStudentNo(str) {
var reg=/^[0-9]{8}$/; /*定义验证表达式*/
return reg.test(str); /*进行验证*/
}
/*校验电话码格式 */
function isTelCode(str) {
var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
return reg.test(str);
}
/*校验邮件地址是否合法 */
function IsEmail(str) {
var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
return reg.test(str);
}