字符串的常用方法_显示字符串-优快云博客

今天我们学习一下字符串的方法，了解每个方法的作用，以及该如何去使用。

1.基本的方法（作于了解）

(1)big(）方法是让字符串显示为大号字体

//声明一个字符串
let str='abcd'
//big()用大号字体显示字符串
document.write('字符串大号字：'+str.big())

(2)bold（）使用粗体显示

//声明一个字符串
let str='abcd'
//bold()字符串加粗
document.write('粗体：'+str.big())

（3）small（）小号字

//声明一个字符串
let str='abcd'
//small()字符串显示小号字
document.write('小号字:'+str.small())

(4)italics()使用斜体显示字符串

//声明一个字符串
let str='abcd'
//small()字符串显示小号字
document.write('斜体:'+str.italics())

（5）link()将字符串显示为链接/下划线

//声明一个字符串
let str='abcd'
//link()将字符串显示为链接
document.write('下划线:'+str.link())

（6）sup（）上标

//声明一个字符串
let str='abcd'
//sup()上标
document.write('上标:'+str.sup())

（7）sub（）下标

//声明一个字符串
let str='abcd'
//sup()下标
document.write('下标:'+str.sub())

（8）fontcolor()字符串颜色

//声明一个字符串
let str='abcd'
//fontcolor()颜色
document.write('颜色:'+str.fontcolor())

我们也可以自定义颜色

let str='abcd'
document.write('颜色:'+str.fontcolor('red'))

(9)fontsize（）字符串字体大小 size参数必须从1-7的数字，1是小号字，7是大号字，参数不写默认正常

//声明一个字符串
let str='abcd'
//fontsize()字体大小
document.write('字体大小:'+str.fontsize(7))

(10)strike（）删除线

//声明一个字符串
let str='abcd'
//strike()字体大小
document.write('删除线:'+str.strike())

以上我们学习过css都了解这些属性，所以我们基本不会单独使用这些属性，而是配合css样式去使用，我们做个了解。

（11）fixed（）以打字机文本显示字符串

//声明一个字符串
let str='abcd'
//fixed()以打印机字体显示字符串
document.write('打字机:'+str.fixed())

（12）length（）字符串长度

let str='abcd'
document.write('字符串长度：'+str.length)

了解完上面方法之后，我们重点学习一下常用方法

字符串常用方法

(1).返回指定位置的字符 charAt()

let str='hello world!'
document.write('<h2>返回在指定位置的字符:'+str.charAt(4)+'</h2>')

(2)charCodeAt（）返回在指定位置的字符编码

let str='hello world!'
document.write('<h2>返回在指定位置的字符编码:'+str.charCodeAt(4)+'</h2>')

这里的编码是根据Unicode码来进行转换的

注意：字符串中第一个字符的下标是 0。如果 index 是负数，或大于等于字符串的长度，则 charCodeAt() 返回 NaN。

（3）concat（）连接字符串作用和+一样

let str='hello world!'
let str2=str.concat('您好','世界','啊啊啊啊啊啊')
document.write('<h2>拼接字符串:'+str2+'</h2>')

（4）String.fromCharCode() 从字符编码创建一个字符串这个方法是String的静态方法

document.write('<h2>转换字符编码:'+String.fromCharCode(97,98,99)+'</h2>')
//输出结果为：abc

（5）返回某个指定的字符串在字符串中首次出现的位置

let str='abcdefgabcd'
//indexOf()检索字符串 找到则返回索引号，找不到返回-1
document.write('<h2>检索字符串:'+str.indexOf('a',6)+'</h2>') //7
//lastIndexOf()返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。
document.write('<h2>从后向前检索:'+str.lastIndexOf('b')+'</h2>')//8

（6）localeCompare()用本地特定的顺序比较两个字符串

let str='张三'.localeCompare('李四')
//左比右大输出1，左比右小输出-1
document.write(str)//1

(7)replace()替换与正则表达式匹配的值

let str='张三 李四 王五'
document.write(str.replace('王五','王菲')) //张三 李四 王菲

(8)split（separator，howmany）将字符串分割为字符串数组

separator：必需。字符串或正则表达式，从该参数指定的地方分割stringObject返回的数组的字符串不包括separator自身
howmany：可选，该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会对于这个参数指定的数组。如果没有设置过该参数，整个字符串都会被分割，不考虑它的长度。
let str='张三李四王五'
doucment.write(str.split('')) //张,三,李,四,王,五
注释：如果把空字符串（’‘）用作separator，那么stringObject中的灭个字符之间都会被分割

（9）将字符串转换为大小写

//转换大小写有两种方式，所有该方法的返回值通常与toLowerCase() 一样
let str='hello'
//第一种方式
//toUpperCase()转换为大写
let str1=str.toUpperCase()
document.write(str1)//HELLO
//toLowerCase()转换为小写
let str2=str1.toLowerCase()
document.write(str2) //hello
//第二种方法用本地方法把字符串转换
//toLocaleLowerCase()把字符串转换为小写
let str3=str1.toLocaleLowerCase()
document.write(str3) //hello
//toLocaleUpperCase()把字符串转换为大写
let str4=str.toLocaleUpperCase()
document.write(str4) //HELLO

（10）valueOf（）原始值

let str='abcd'
document.write('<h2>原始值:'+str.valueOf()+'</h2>') //原始值:abcd
定义和用法
valueOf()方法可返回String对象的 原始值。
原始值是由从String对象下来的所有对象继承的 
valueOf（）方法通常由JavaScript在后台自动进行调用，而不是显示地处于代码中

以上就是字符串的所有方法和实例。