javascript数据类型之字符串

字符串

1 字符串的定义

/* 凡是引号当中的内容都是字符串;?? */
"该号码可注册"
"12916316319"
""
"http://www.163.com"
'http://www.163.com'

2 字符串的长度 str.length

/* str.length */
"micromajo".length   //10
---
var userName = input.value;//"micromajor"
if(userName.length<6){
    alert("userName must be longer than 6");
}
---

3 字符串索引位置 str.charAt(index)

/* str.charAt(index) */
"micromajor".charAt(0) //m
---
var userName = input.value;//"-micromajor"
if(userName.charAt(0) == "-"){
    alert("userName can't start with '-'");
}
---

4 字符串检索匹配:indexOf()

/* str.indexOf(searchValue[,fromIndex]) */
"micro-major".indexOf("-")  //5
"micro-major-web".indexOf("-")  //5
"micro-major".indexOf("major")  //6
"micro-major".indexOf("-")  //-1
---
var userName = input.value;//"micromajor"
if(userName.indexOf("-") == -1){
    alert("userName must contain '-'");
}
---

5 字符串检索匹配:search(RegExp)

/* str.search(regexp) */
"micromajor163".search(/[0-9]/)  //10
"micromajor163".search(/[A-Z]/)  //-1
---
var userName = input.value;//"micromajor163"
if(userName.search(/[0-9]/) !=-1){
    alert("userName can't contain a number");
}
---

6 字符串检索匹配:match(RegExp)

/* str.match(regexp) */
"micormajor163".match(/[0-9]/)   //["1"]
"micromajor163".match(/[0-9]/g)  //["1","6","3"]
"micromajor163".match(/[A-Z]/)   //null

7 字符检索替换:replace()

/* str.replace(regexp|substr,newSubstr|function) */
"micromajor163".replace("163","##")  //"micromajor##"
"micromajor163".replace(/[0-9]/,"#")  //"micromajor#63"
"micromajor163".replace(/[0-9]/g,"#") //"micromajor##"
"micromajor163".replace(/[0-9]/g,"") //"micromajor"

8.1 str.substring(indexA,[indexB])

/* str.substring(indexA[,indexB]) */
"micromajor".substring(5,7)  //"ma"
"micromajor".substring(5)  //"major"

8.2 str.slice(startIndex,[endIndex])

/* str.slice(beginSlice[,endSlice]) */
"micromajor".slice(5,7)  //"ma"
"micromajor".slice(5)  //"major"
"micromajor".slice(1,-1)  //"icromajo"
"micormajor".slice(-3)  //"jor"

8.3 str.substr(start,[length])

/* str.substr(start[,length]) */
"micromajor".substr(5,2)  //"ma"
"micromajor".substr(5)  //"marjor"

9 字符串拆分:split

/* str.split([separator][,limit]) */
"micro major".split(" ")  //["micro","major"]
"micro major".split(" ",1)  //["micro"]
"micro2major".split(/[0-9]/)  //["micro","major"]

10 大小写转换

/* str.toLowerCase() */
"MicroMajor".toLowerCase()  //"micromajor"

/* str.toUpperCase() */
"MicroMajor".toUpperCase()  //"MICROMAJOR"

11 字符串的连接:“+”

"0571" + "-" + "88888888"  //"0571-88888888"
var area = areaInput.value;//0571
var tel = telInput.value;//88888888
var number = area + "-" + tel;//0571-88888888

12 转化为字符串型:String()

String(163)  //"163"
String(null)  //"null"

13 转义字符:“\”

"micro\"major"  //"micro"major"
"micro\\major"  //"micor\major"
"micro\tmajor"  //"micro   major"
/* to be continued

14 模板字符串(ES6新增)

//`${}`
let name = "zhangsan";
let occupation = "doctor";
let str = `he is ${name},he is a ${occupation}`;

//多行
let str = `write once,
            run anywhere`;

//${}中可以放置任意javascript表达式
var obj = {"a":1,"b":2};
var str = `the result is ${obj.a+obj.b}`;
function fn() {
    return 3;
}
var str = `the result is ${fn()}`;

15 标签模板 tagFn

标签模板,可以理解为标签函数+模板字符串

var name = "zhangsan";
var height = 1.8;
tagFn`his name is ${name},his height is ${height} meter`;

function tagFn(arr,v1,v2){
    console.log(arr);//['his name is','his height is','meter']
    console.log(v1);//zhangsan
    console.log(v2);1.8
}

16 字符串重复 str.repeat(repeatTimes)

var name1 = 'ni';
var name2 = name1.repeat(3);
console.log(name1)//'ni'
console.log(name2)//'ninini'

17 判断是否包含 str.includes()

var name = "zhangsan";
name.includes('san');//true
name.includes('ni');//false
name.includes('z',1);//false 从第二个字符开始搜索

18 判断开始字符 str.startWith()

var name = "zhangsan";
name.startsWith('z');//true
name.startsWith('h');//false
name.startsWith('h',1);//true 从第二个字符开始

19 判断结束字符 str.endsWith()

var name = "zhangsan";
name.endsWith('z');false
name.endsWith('n');true
name.endsWith('n',5);false 只针对前五个字符
name.endsWith('g',5);true

20 codePointAt() - String.fromCodePoint()

var str1 = "前端";
var str2 = "
上一篇:力扣算法题-面试题17.10-多数元素-java代码


下一篇:Python助力2020高校应届生就业 获取2020校园招聘信息