17.js字符串

字符串创建

1.字面量创建

        var 字符串名=字符串

2.内部构造函数创建

        var 字符串名=new String('字符串')

length属性

        只能读取不能设置

        var str='abcdfegfgl'console.log(str.length) //10str.length=5    console.log(str)    //不能写  abcdfegfgl

index属性

        只能读不能设置

        var str='abcdfegfgl'console.log(str[1]) //bstr[1]="A"console.log(str)    //不能写  abcdfegfgl

字符串常用方法

charAt()

        语法：字符串名.cartAt(索引值)-----索引值默认为0

        作用：获取对应索引位置的字符

        返回值：返回索引对应的值，没有则返回空字符串

        var str='abcdfegabc'console.log(str.charAt(2))  //aconsole.log(str.charAt(2))  //cconsole.log(str.charAt(12))  //""

charCodeAt()

        语法：字符串名.charCodeAt(索引值)-----索引值默认为0

        作用：将对应索引位置的字符转为unicode编码

        返回值：返回转好的编码，没有则返回NaN

        var str='abcdfegabc'console.log(str.charCodeAt())  //97console.log(str.charCodeAt(2))  //99console.log(str.charCodeAt(12))  //NaN

toUpperCase()

        语法：字符串名.str.toUpperCase()

        作用：将所有字符转为大写

        返回值：返回转好的字符

toLowerCase()

        语法：字符串名.str.toUpperCase()

        作用：将所有字符转为小写

        返回值：返回转好的字符

        var str='AbcdFegabc'console.log(str.toUpperCase())  //ABCDFEGABCconsole.log(str.toLowerCase())  //abcdfegabc

substr(）

        语法：字符串名.substr(开始索引，截取个数）

        作用：截取字符串

        返回值：返回截取的字符串

        var str='AbcdFegabc'//都不写则截取整个字符串console.log(str.substr())  //AbcdFegabc//只写开始索引表示从开始索引到字符串末尾console.log(str.substr(3))  //dFegabc//都写表示从开始索引截取几个字符console.log(str.substr(1,3))  //bcd

substring()

        语法：字符串名.substring(开始索引，结束索引）

                    ——包含开始索引的值，不包含结束索引的值

        作用：截取字符串

        返回值：返回截取的字符串

        var str='AbcdFegabc'console.log(str.substring())  //AbcdFegabcconsole.log(str.substring(3))  //dFegabcconsole.log(str.substring(1,3))  //bcconsole.log(str.substring(-2,3))  //Abc

slice()

        语法：字符串名.slice(开始索引，结束索引）或 字符串名.slice(负的开始索引）

                   ——包含开始索引的值，不包含结束索引的值

        作用：截取字符串

        返回值：返回截取的字符串

        var str='AbcdFegxyz'console.log(str.slice())  //AbcdFegxyzconsole.log(str.slice(3))  //dFegxyzconsole.log(str.slice(1,3))  //bc//和substring的区别，当索引为负值//substring还是截取整个字符串//slice表示从倒数第几个开始截取console.log(str.substring(-2))  //AbcdFegxyzconsole.log(str.slice(-3))  //xyz

split()

        语法：字符串.split(分隔符,前几个数组）

        作用：按照分隔符将字符串分割

        返回值：返回分割好的数组

        var str1='AbcdFegxyz'console.log(str1.split(""))  //['A', 'b', 'c', 'd', 'F', 'e', 'g', 'x', 'y', 'z']var str2='AbcdFegxyz'console.log(str2.split())  //['AbcdFegxyz']var str3='Ab cd Fe gx yz'console.log(str3.split())    //['Ab cd Fe gx yz']var str4='Ab|cdFegxyz'console.log(str4.split("|")) //['Ab', 'cdFegxyz']   var str5='Ab|cdFegxyz'console.log(str5.split("|",1)) //['Ab']   

concat()

        语法：字符串.concat('字符串'）

        作用：拼接字符串

        返回值：拼接好的字符串

        var str='Ab'console.log(str.concat("拼接的"))   //Ab拼接的

indexOf()

        语法：字符串.indexOf('字符')

        作用：按照从前向后的顺序查找字符串的索引

        返回值：有返回索引值，没有返回-1

        var str='AbcDeF AgHiJkLmN'console.log(str.indexOf('A'))   //0console.log(str.indexOf(' '))   //6console.log(str.indexOf(1))   //-1

lastIndexOf()

        语法：字符串.lastIndexOf('字符')

        作用：按照从后向前的顺序查找字符串的索引

        返回值：有返回对应的索引值，没有返回-1

        var str='AbcDeF AgHiJk LmN'console.log(str.lastIndexOf('A'))   //7console.log(str.lastIndexOf(' '))   //13console.log(str.lastIndexOf(1))   //-1

includes()

        语法：字符串.includes('字符')

        作用：判断字符串中是否含有某字符

        返回值：true/false

        var str='AbcDeF AgHiJk LmN'console.log(str.includes("Abc"))   //trueconsole.log(str.includes("ABC"))   //false

trim()

        语法：字符串.trim()

        作用：去除字符串前后空格

        返回值：返回去除空格后的字符串

trimStart()/trimLeft()

        语法：字符串.trimStart() / 字符串.trimLeft()

        作用：去除字符串开始位置的空格

        返回值：返回去除空格后的字符串

trimEnd()/trimRight()

        语法：字符串.trimEnd() /  字符串.trimRight()

        作用：去除字符串结束位置的空格

        返回值：返回去除空格后的字符串

        var str='  AbcDeF AgHiJk LmN    'console.log('----'+str.trim()+'----')          //----AbcDeF AgHiJk LmN----console.log('----'+str.trimStart()+'----')     //----AbcDeF AgHiJk LmN    ----console.log('----'+str.trimLeft()+'----')      //----AbcDeF AgHiJk LmN    ----console.log('----'+str.trimEnd()+'----')       //----  AbcDeF AgHiJk LmN----console.log('----'+str.trimRight()+'----')     //----  AbcDeF AgHiJk LmN----

replace()

        语法：字符串.replace('要换下的字符','要换上的字符')

        作用：将字符串内第一个满足换下字符的片段替换成换上的字符

        返回值：替换好的字符串

        var str='13849328493'console.log(str.replace('3','A'))   //1A849328493

查询字符串

类似于：'key = value& key1 = value1&key2 = value2'

练习：

        将查询字符串转为对象

        var str='name=zhangsan&age=13&sex=男'var arr=str.split('&')    //arr=['name=zhangsan', 'age=13', 'sex=男']var strObj={}arr.forEach(function(item){    //对arr进行遍历strObj[item.split('=')[0]]= item.split('=')[1]})console.log(strObj) //{name: 'zhangsan', age: '13', sex: '男'}

json格式字符串

类似于：{ "username ": "tom" ,"age":18}

js对象：{ username: "tom" ,age:18}

json转js

        JSON.parse()

js转json

        JSON.stringify()

 console.log(JSON.parse('{"username":"tom","age":18}'))  //{username: 'tom', age: 18}console.log(JSON.stringify({ username: "tom" ,age:18}))  //{"username":"tom","age":18}