字符串

一、字符串的属性

• 字符串的属性

  length: 表示字符串的长度

  例如 :

  var str = “howareyou”;
  console.log(str.length);
  console.log(str[0]);  //获取字符串中对应下标的字符
  

• 注意: ECMAScript 中的字符串是不可变的; 也就是说，字符串一旦创建，它们的值就不能改变.

  例如:

  var str = “亲,包邮哦”;
  str[0] = “唉”; //不会改变
  

  如果要改变某个变量保存的字符串，首先要销毁原来的字符串，然后再用另一个包含新值的字符串填充该变量.

  var str = “Hello”;
  str = str+” world!”;
  

二、字符串的方法

字符串的方法(函数)

var str = 'ab';

• str.charAt(3); 获取下标为3的字符

• str.charCodeAt(3); 获取下标为3的字符的编码(ASCII码)

• String.fromCharCode(94); ASCII编码转换成字符

  该方法是String的静态方法，所以用String调用，

  如：var str = String.fromCharCode(98,99); //可传入多个参数

  ASCII（AmericanStandard Code for Information Interchange，美国标准信息交换代码）

• str.concat(); 连接字符串

  例如:

     var str1 = “hello”;
  
         var str2 = str1.concat(“ world”);
  

• 字符串的查找方法

  str.indexOf(“abc”); 查找字符串第一次出现的位置,如果没找到则返回-1

  例如:

  var str = "abcdabcd";
  var subStr = “bcd”;
  var index = str.indexOf(subStr); 
  

• str.lastIndexOf(“abc”); 查找字符串最后一次出现的位置,如果没找到则返回-1

  例如: var index = str.lastIndexOf(“abc”);

• str.search(); 正则匹配(返回第一次出现的位置)

  例如:

  var str = ”Abcdabcd";
  var index = str.search(/abc/i);
  

  注: g表示进行全局匹配，i表示匹配的时候忽略大小写

• 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)
  

  这里的替换只能执行一次，不能够进行全局匹配，如果需要全局匹配，则应使用正则表达式

• str.substring(start,end); 截取字符串范围是[start,end)

  例如:

  var str=  "Helloworld!";
  console.log(str.substring(2,5));
  

  注:如果只有一个参数, 则表示到字符串最后

• str.split(separator, howmany); 根据分隔符、拆分成数组

  • separator(字符串或正则表达式)

  • howmany(可以指定返回的数组的最大长度,可以省略)

    注:如果空字符串(“”)用作separator,那么stringObject中的每个字符之间都会被分割。

• 大小写转换

  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)//返回数的正弦

四、正则表达式的概念

1、正则表达式修饰符

修饰符 可以在全局搜索中不区分大小写:

修饰符	描述
i	执行对大小写不敏感的匹配。
g	执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m	执行多行匹配。

2、正则表达式模式

方括号用于查找某个范围内的字符：

表达式	描述
[abc]	查找方括号之间的任何字符。
[0-9]	查找任何从 0 至 9 的数字。
(x|y)	查找任何以 | 分隔的选项。

3、元字符是拥有特殊含义的字符：

元字符	描述
\d	查找数字。
\D	非数字
\w	数字字母下划线
\W	非数字字母下划线
\s	查找空白字符。
\b	匹配单词边界。
\uxxxx	查找以十六进制数 xxxx 规定的 Unicode 字符。

4、量词

量词	描述
n+	匹配任何包含至少一个 n 的字符串。
n*	匹配任何包含零个或多个 n 的字符串。
n?	匹配任何包含零个或一个 n 的字符串。

5、方法

• match 方法

  使用正则表达式模式对字符串执行查找，并将包含查找的结果作为数组返回。
  stringObj.match(rgExp)

  • 参数
    stringObj
    必选项。对其进行查找的 String 对象或字符串文字。
    rgExp
    必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。
    其余说明与exec一样，不同的是如果match的表达式匹配了全局标记g将出现所有匹配项，而不用循环，但所有匹配中不会包含子匹配项。

  • 实例

    var str="Hello world!"
    document.write(str.match("world") + "<br />")
    document.write(str.match("World") + "<br />")
    document.write(str.match("worlld") + "<br />")
    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 方法

  是一个正则表达式方法。

  该方法用于检索字符串中的正则表达式的匹配。

  该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 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);
}