js中字符串常用属性和方法

属性

• str.length -- 返回字符串的长度

let str = "ni hao web"
console.log(str.length)
//结果:  10

方法

• 1.      str.indexOf() -- 返回字符串中指定文本首次出现的索引（从左向右查）

let str = "ni hao web NI HAO WEB ni hao web"
console.log(str.indexOf('hao'))
//结果:  3
console.log(str.indexOf('HAO'))
//结果:  14

//第二个参数,指定从哪个位置向左查找

console.log(str.indexOf('hao',5))
//结果:  25
console.log(str.indexOf('HAO',15))
//结果:  -1

• 2.      str.lastIndexOf() -- 返回指定文本在字符串中最后一次出现的索引(从右向左查)

let str = "ni hao web NI HAO WEB ni hao web"
console.log(str.lastIndexOf('hao'))
//结果:  25
console.log(str.lastIndexOf('HAO'))
//结果:  14

//第二个参数表示:从第几个向右查找
console.log(str.lastIndexOf('hao',5))
//结果:  3
console.log(str.lastIndexOf('HAO',15))
//结果:  14


//索引值是从左向右,从0开始

注意:如果未找到文本， indexOf() 和 lastIndexOf() 均返回 -1

let str = "ni hao web NI HAO WEB ni hao web"
console.log(str.indexOf('zzz'))
//结果:  -1
console.log(str.lastIndexOf('zzz'))
//结果:  -1

• 3.      str.search() -- 搜索特定值的字符串，并返回匹配的位置

let str = "ni hao web NI HAO WEB ni hao web"
console.log(str.search('hao'))
//结果:  3

两种方法，indexOf() 与 search()，是相等的。

这两种方法是不相等的。区别在于：

• search() 方法无法设置第二个开始位置参数。
• indexOf() 方法无法设置更强大的搜索值（正则表达式）

 

• 4.      str.slice() -- 提取字符串的某个部分并在新字符串中返回被提取的部分;该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）

let str = "ni hao web NI HAO WEB ni hao web"
//[7,15) 取值前闭后合
console.log(str.slice(7,15))
//结果:  web NI H


//参数为负,如果某个参数为负，则从字符串的结尾开始计数
let str = "ni-hao-web-NI-HAO-WEB-ni-hao-web"
//[7,15) 取值前开后闭
console.log(str.slice(-15,-7))
//结果:  -WEB-ni-


//如果省略第二个参数，则该方法将裁剪字符串的剩余部分
console.log(str.slice(7))
//结果:  web-NI-HAO-WEB-ni-hao-web
console.log(str.slice(-7))
//结果:  hao-web

• 5.      str.substring() 类似于 slice()。不同之处在于 substring() 无法接受负的索引;第二个参数规定被提取部分的长度

let str = "ni hao web NI HAO WEB ni hao web"
//[7,15) 取值前闭后合
console.log(str.substring(7, 15))
//结果:  web NI H

//如果省略第二个参数，则该方法将裁剪字符串的剩余部分
console.log(str.substring(7))
//结果:  web-NI-HAO-WEB-ni-hao-web

• 6.      str.substr() 类似于 slice()。不同之处在于 substr() 第二个参数规定被提取部分的长度

let str = "ni hao web NI HAO WEB ni hao web"
//[7,15) 取值前闭后合
//从7开始截取15个
console.log(str.substr(7, 15))
//结果:  web NI HAO WEB

//如果省略第二个参数，则该方法将裁剪字符串的剩余部分
console.log(str.substr(7))
//结果:  web-NI-HAO-WEB-ni-hao-web


//如果首个参数为负，则从字符串的结尾计算位置
//第二个参数不能为负，因为它定义的是长度

console.log(str.substr(-7, 3))
//结果:  hao

//如果省略第二个参数，则该方法将裁剪字符串的剩余部分
console.log(str.substr(-7))
//结果:  hao web

• 7.      str.replace() -- 用另一个值替换在字符串中指定的值;默认地，replace() 只替换首个匹配  ;返回的是新字符串

let str = "ni hao web NI HAO WEB ni hao web"
//替换首个匹配
console.log(str.replace('hao','*'))
//结果: ni * web NI HAO WEB ni hao web

//不区分大小写,全部替换
//只写i不区分大小写;只写g全部替换,但是区分大小写
console.log(str.replace(/hao/ig,'*'))
//结果:  ni * web NI * WEB ni * web

•  8.      str.toUpperCase() -- 把字符串转换为大写

let str = "ni hao web NI HAO WEB ni hao web"

console.log(str.toUpperCase())
//结果: NI HAO WEB NI HAO WEB NI HAO WEB

• 9.      str.toLowerCase() -- 把字符串转换为小写

let str = "ni hao web NI HAO WEB ni hao web"

console.log(str.toLowerCase())
//结果: ni hao web ni hao web ni hao web

• 10.      str.concat() -- 连接两个或多个字符串

let text1 = "Hello"
let text2 = "World"
text3 = text1.concat(" ", text2)
console.log(text3)
//结果:  Hello World

所有字符串方法都会返回新字符串。它们不会修改原始字符串。

正式地说：字符串是不可变的：字符串不能更改，只能替换

• 11.      str.trim()  -- 删除字符串两端的空白符

let str = "       Hello World!        ";
console.log(str.trim());
//结果:Hello World!

• 12.      str.charAt() -- 返回字符串中指定下标（位置）的字符串

let str = "HELLO WORLD"
console.log(str.charAt(0))
//结果:    H

• 13.      str.charCodeAt() -- 返回字符串中指定索引的字符 unicode 编码

let str = "HELLO WORLD"
console.log(str.charCodeAt(0))
//结果:    72

• 14.      str.可以通过 split() 将字符串转换为数组

let txt = "a,b,c,d,e";   // 字符串
console.log(txt.split(","))// 用逗号分隔
//结果:[ 'a', 'b', 'c', 'd', 'e' ]

console.log(txt.split("c"))
//结果:[ 'a,b,', ',d,e' ]

• 15.      str.startsWith() --  检测是否以某个字母开始

let txt = "abcdefg";   // 字符串
console.log(txt.startsWith("a"))
//结果:true
console.log(txt.startsWith("A"))
//结果:false

• 16.      str.padStart(位数, '值')  是否够几位数, 如果不够在前面添加对应的内容

let txt = "12345678";   // 字符串
console.log(txt.padStart(7))
//结果:'12345678'
console.log(txt.padStart(10))
//结果:'  12345678'
console.log(txt.padStart(10,'*'))
//结果:'**12345678'
console.log(txt.padStart(10,2))
//结果:'2212345678'

• 17.      str.padEnd('位数', '值')   是否够几位数, 如果不够在后面添加对应的内容

let txt = "12345678";   // 字符串
console.log(txt.padEnd(7))
//结果:'12345678'
console.log(txt.padEnd(10))
//结果:'12345678  '
console.log(txt.padEnd(10,'*'))
//结果:'12345678**'
console.log(txt.padEnd(10,2))
//结果:'1234567822'

 

 

数字.toFixed(数值)--保留几位小数

let txt1 = 12345678;  
console.log(txt1.toFixed(2))
//结果:'12345678.00'

let txt2 = 12345678.123123;
console.log(txt2.toFixed(2))
//结果:'12345678.12'