1、bold()

方法用于把字符串显示为粗体。语法: stringObject.bold()

如下,对str进行bold操作之后,实际上时对这个字符串加了<b>标签,在文档中将以粗体进行展示

let str = 'Hello world'
let str1 = str.bold()
console.log(str1)//<b>Hello world</b>
document.write(str1)//文档中显示:Hello world

2、charAt()

返回指定位置的字符。注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串。语法: stringObject.charAt(index) ,其中index为必须,表示字符串中某个字符的下标

let str = 'Hello world'
let str1 = str.charAt(1)
console.log(str1)//e

3、charCodeAt()

返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。方法 charCodeAt() 与 charAt() 方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,而后者返回的是字符子串。语法: stringObject.charCodeAt(index) ,index为必须,表示字符在字符串中的下标

let str = 'Hello world'
let str1 = str.charCodeAt(1)
console.log(str1)//101

4、concat()

用于连接两个或者多个字符串。语法: stringObject.concat(stringX,stringX,...,stringX) ,stringX为必须,concat方法将所有的参数转换为字符串,然后按顺序连接到字符串stringObject的末尾,并返回连接后的字符串。单stringObjec并未被修改。与Array.concat()很相似。但是,通常使用‘+’运算符来进行字符串的拼接会更为简便一些,而且使用的居多。

let str1 = 'Hello '
let str2 = 'world'
let str3 = str1.concat(str2)
console.log(str3)//'Hello world'

5、fontColor()

用于按照指定的颜色来显示字符串。语法: stringObject.fontcolor(color) 。参数color必需。为字符串规定 font-color。该值必须是颜色名(red)、RGB 值(rgb(255,0,0))或者十六进制数(#FF0000)。

实际就是给字符串加一个font标签,但是现在font已经被弃用了,这个方法也是没有用处了。

let str="Hello world!"
let str1 = str.fontcolor("Red")
console.log(str1)//<font color="Red">Hello world!</font>
document.write(str1)//Hello world!

6、fontSize()

方法用于按照指定的尺寸来显示字符串。语法: stringObject.fontsize(size) 。size 参数必须是从 1 至 7 的数字。

7、fromCharCode()

fromCharCode() 可接受一个指定的 Unicode 值,然后返回一个字符串。语法: String.fromCharCode(numX,numX,...,numX) 。必需。一个或多个 Unicode 值,即要创建的字符串中的字符的 Unicode 编码。它不能作为您已创建的 String 对象的方法来使用。因此它的语法应该是 String.fromCharCode(),而不是 myStringObject.fromCharCode()。

let str=String.fromCharCode(72,69,76,76,79)
console.log(str)//HELLO

8、indexOf()

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法: stringObject.indexOf(searchvalue,fromindex) ,searchvalue为必需。规定需检索的字符串值。fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。indexOf() 方法对大小写敏感!如果要检索的字符串值没有出现,则该方法返回 -1。

let str='Hello world'
console.log(str.indexOf('Hello'))//
console.log(str.indexOf('world'))//
console.log(str.indexOf('World'))//-1

9、italics()

用于把字符串显示为斜体。语法: stringObject.italics()

10、lastIndexOf()

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。语法: stringObject.lastIndexOf(searchvalue,fromindex) 。searchvalue为必需。规定需检索的字符串值。fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。如果在 stringObject 中的 fromindex 位置之前存在 searchvalue,则返回的是出现的最后一个 searchvalue 的位置。lastIndexOf() 方法对大小写敏感!如果要检索的字符串值没有出现,则该方法返回 -1。

let str='Hello world'
console.log(str.lastIndexOf('Hello'))//
console.log(str.lastIndexOf('world'))//
console.log(str.lastIndexOf('World'))//-1

11、match()

该方法可以在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。语法: stringObject.match(searchvalue) stringObject.match(regexp) 。返回值是匹配结果的数组,该数组的内容依赖于regexp是否具有全局标志g。

match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。

如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串,则返回 null。如果找到了一个或多个匹配子串,则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同,它的数组元素中存放的是 stringObject 中所有的匹配子串,而且也没有 index 属性或 input 属性。

let str='Hello world ! this is a peaceful world'
console.log(str.match('Hello'))//["Hello", index: 0, input: "Hello world ! this is a peaceful world", groups: undefined]
console.log(str.match('world'))//["world", index: 6, input: "Hello world ! this is a peaceful world", groups: undefined]
console.log(str.match('World'))//null

 let str1 = '1 one 2 two 3 three 4 four'
 console.log(str1.match(/\d+/g))//["1", "2", "3", "4"]

12、replace()

该方法用于在字符串中用一些字符替换其他字符,或者替换一个与正则表达式匹配的字符。语法: stringObject.replace(regexp/substr,replacement) 。字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。replacement 可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。

let str='Hello world ! this is a peaceful world'
console.log(str.replace(/Hello/,'nice'))//nice world ! this is a peaceful world
console.log(str.replace(/world/g,'cnblogs'))//Hello cnblogs ! this is a peaceful cnblogs

13、search()

该方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。语法: stringObject.search(regexp) 。regexp参数可以是需要在 stringObject 中检索的子串,也可以是需要检索的 RegExp 对象.要执行忽略大小写的检索,请追加标志 i。stringObject 中第一个与 regexp 相匹配的子串的起始位置。如果没有找到任何匹配的子串,则返回 -1。search() 方法不执行全局匹配,它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性,并且总是从字符串的开始进行检索,这意味着它总是返回 stringObject 的第一个匹配的位置。

let str='Hello world ! this is a peaceful world'
console.log(str.search(/Hello/))//
console.log(str.search(/world/))//

14、slice()

该方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。一个新的字符串。包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。语法: stringObject.slice(start,end) 。String 对象的方法 slice()、substring() 和 substr() (不建议使用)都可返回字符串的指定部分。slice() 比 substring() 要灵活一些,因为它允许使用负数作为参数。slice() 与 substr() 有所不同,因为它用两个字符的位置来指定子串,而 substr() 则用字符位置和长度来指定子串。

let str='Hello world ! this is a peaceful world'
console.log(str.slice(6))//world ! this is a peaceful world
console.log(str.slice(6,14))//world !

15、split()

该方法用于把一个字符串分割成字符串数组。语法: stringObject.split(separator,howmany) 。separator必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。howmany可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。返回一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。String.split() 执行的操作与 Array.join 执行的操作是相反的。

let str='Hello world ! this is a peaceful world'
console.log(str.split(" "))//["Hello", "world", "!", "this", "is", "a", "peaceful", "world"]
console.log(str.split(""))//["H", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d", " ", "!", " ", "t",
                       "h", "i", "s", " ", "i", "s", " ", "a", " ", "p", "e", "a", "c", "e", "f", "u", "l", " ", "w", "o", "r", "l", "d"]
console.log(str.split(" ",3))//["Hello", "world", "!"]

16、strike()

17、sub()

18、substr()

该方法可在字符串中抽取从 start 下标开始的指定数目的字符。ECMAscript 没有对该方法进行标准化,因此反对使用它。

19、substring()

该方法用于提取字符串中介于两个指定下标之间的字符。语法: stringObject.substring(start,stop) 。返回一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop减 start。substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。与slice()方法不同的是,substring() 不接受负的参数。

let str='Hello world ! this is a peaceful world'
console.log(str.substring(6))//world ! this is a peaceful world

20、sup()

21、toLocaleLowerCase()

该方法用于把字符串转换为小写。语法: stringObject.toLocaleLowerCase() 。返回一个新的字符串,在其中 stringObject 的所有大写字符全部被转换为了小写字符。与 toLowerCase() 不同的是,toLocaleLowerCase() 方法按照本地方式把字符串转换为小写。只有几种语言(如土耳其语)具有地方特有的大小写映射,所有该方法的返回值通常与 toLowerCase() 一样。

let str='Hello World ! This is a peaceful world'
console.log(str.toLocaleLowerCase())//hello world ! this is a peaceful world

22、toLocaleUpperCase()

该方法用于把字符串转换为大写。语法: stringObject.toLocaleUpperCase() 。返回一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。与 toUpperCase() 不同的是,toLocaleUpperCase() 方法按照本地方式把字符串转换为大写。只有几种语言(如土耳其语)具有地方特有的大小写映射,所有该方法的返回值通常与 toUpperCase() 一样。

let str='Hello World ! This is a peaceful world'
console.log(str.toLocaleLowerCase())//HELLO WORLD ! THIS IS A PEACEFUL WORLD

23、toLowerCase()

该方法用于把字符串转换为小写。语法: stringObject.toLowerCase()返回一个新的字符串,在其中 stringObject 的所有大写字符全部被转换为了小写字符

let str='Hello World ! This is a peaceful world'
console.log(str.toLowerCase())//hello world ! this is a peaceful world

24、toUpperCase()

该方法用于把字符串转换为大写。语法: stringObject.toUpperCase() 。返回一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。

let str='Hello World ! This is a peaceful world'
console.log(str.toUpperCase())//HELLO WORLD ! THIS IS A PEACEFUL WORLD

 25、trim()

该方法用来删除字符串前后的空格。用法: stringObject.trim()

let str='   Hello World ! This is a peaceful world   '
console.log('('+str.trim()+')')//(Hello World ! This is a peaceful world)

Javascript的字符串(String)操作学习的更多相关文章

  1. javascript中字符串常用操作整理

    javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用 ...

  2. openresty开发系列18--lua的字符串string操作

    openresty开发系列18--lua的字符串string操作 string的相关操作 1)string.upper(s)接收一个字符串 s,返回一个把所有小写字母变成大写字母的字符串.print( ...

  3. javascript中字符串常用操作总结、JS字符串操作大全

    字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温 ...

  4. javascript中字符串常用操作总结

    String对象属性 (1) length属性 length算是字符串中非常常用的一个属性了,它的功能是获取字符串的长度.当然需要注意的是js中的中文每个汉字也只代表一个字符,这里可能跟其他语言有些不 ...

  5. python开发_python中字符串string操作

    在python中,对于字符串string的操作,我们有必要了解一下,这样在我们的以后的开发中会给我们带来很多方便 下面是我学习的笔记: #python-string #python中的字符串用单引号' ...

  6. javascript类型系统——字符串String类型

    × 目录 [1]定义 [2]引号 [3]反斜线[4]特点[5]转字符串 前面的话 javascript没有表示单个字符的字符型,只有字符串String类型,字符型相当于仅包含一个字符的字符串 字符串S ...

  7. 字符串(string)操作的相关方法

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. (二)Redis字符串String操作

    String全部命令如下: set key value # 设置一个key的value值 get key # 获取key的value值 mset key1 value1 key2 value2 ... ...

  9. JavaScript的字符串、数组以及DOM操作总结

    (一)JavaScript字符串操作 JavaScript的字符串就是用' '或" "括起来的字符表示,日常的学习中有时候需要对字符串进行相关的操作.例如要获取字符串某个指定位置的 ...

  10. JavaScript 字符串常用操作

    JavaScript 字符串用于存储和处理文本.因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Da ...

随机推荐

  1. laravel 单元测试设置模拟时间

    有时候我们需要对一些超时的逻辑进行测试,需要等待一定的时间来验证超时逻辑是否生效. Carbon 库提供了 setTestNow 方法来设置一个虚拟的当前时间 使用这个特性的前提是:我们的待测试代码利 ...

  2. 在kubernetes集群中创建redis主从多实例

    分类 > 正文 在kubernetes集群中创建redis主从多实例 redis-slave镜像制作 redis-master镜像制作 创建kube的配置文件yaml 继续使用上次实验环境 ht ...

  3. Python中的列表解析和生成器表达式

    Python中的列表解析和生成器表达式 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.列表解析案例 #!/usr/bin/env python #_*_coding:utf-8 ...

  4. WinFrom弹出输入框

    代码上面要引用 using Microsoft.VisualBasic; 还不够,在解决方案的引用那里,也要添加引用 如此,便可打出输入框了: ,); 5个参数分别的意思: 提示信息 标题 如果用户没 ...

  5. POJ-3295 Tautology (构造)

    https://vjudge.net/problem/POJ-3295 题意 有五种运算符和五个参数,现在给你一个不超过100字符的算式,问最后结果是否恒为1? 分析 首先明确各运算符的意义,K(&a ...

  6. Parquet 格式文件

    Apache Parquet是Hadoop生态圈中一种新型列式存储格式,它可以兼容Hadoop生态圈中大多数计算框架(Hadoop.Spark等),被多种查询引擎支持(Hive.Impala.Dril ...

  7. Docker 入门 第二部分: 容器

    目录 Docker 入门 第二部分: 容器 先决条件 介绍 你的新开发环境 使用 Dockerfile 定义一个容器 Dockerfile 应用本身 requirements.txt app.py 构 ...

  8. html5 canvas用图案填充形状

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. CSS-3 渐变的使用

    CSS3 渐变(gradients)可以让您在两个或多个指定的颜色之间显示平稳的过渡. 以前,您必须使用图像来实现这些效果.但是,通过使用 CSS3 渐变(gradients),您可以减少下载的事件和 ...

  10. 第6月第17天 CGAffineTransformMake(a,b,c,d,tx,ty) 矩阵运算的原理

    1. 为了把二维图形的变化统一在一个坐标系里,引入了齐次坐标的概念,即把一个图形用一个三维矩阵表示,其中第三列总是(0,0,1),用来作为坐标系的标准.所以所有的变化都由前两列完成. 以上参数在矩阵中 ...