Javascript的字符串(String)操作学习
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)操作学习的更多相关文章
- javascript中字符串常用操作整理
javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用 ...
- openresty开发系列18--lua的字符串string操作
openresty开发系列18--lua的字符串string操作 string的相关操作 1)string.upper(s)接收一个字符串 s,返回一个把所有小写字母变成大写字母的字符串.print( ...
- javascript中字符串常用操作总结、JS字符串操作大全
字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温 ...
- javascript中字符串常用操作总结
String对象属性 (1) length属性 length算是字符串中非常常用的一个属性了,它的功能是获取字符串的长度.当然需要注意的是js中的中文每个汉字也只代表一个字符,这里可能跟其他语言有些不 ...
- python开发_python中字符串string操作
在python中,对于字符串string的操作,我们有必要了解一下,这样在我们的以后的开发中会给我们带来很多方便 下面是我学习的笔记: #python-string #python中的字符串用单引号' ...
- javascript类型系统——字符串String类型
× 目录 [1]定义 [2]引号 [3]反斜线[4]特点[5]转字符串 前面的话 javascript没有表示单个字符的字符型,只有字符串String类型,字符型相当于仅包含一个字符的字符串 字符串S ...
- 字符串(string)操作的相关方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- (二)Redis字符串String操作
String全部命令如下: set key value # 设置一个key的value值 get key # 获取key的value值 mset key1 value1 key2 value2 ... ...
- JavaScript的字符串、数组以及DOM操作总结
(一)JavaScript字符串操作 JavaScript的字符串就是用' '或" "括起来的字符表示,日常的学习中有时候需要对字符串进行相关的操作.例如要获取字符串某个指定位置的 ...
- JavaScript 字符串常用操作
JavaScript 字符串用于存储和处理文本.因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Da ...
随机推荐
- laravel 单元测试设置模拟时间
有时候我们需要对一些超时的逻辑进行测试,需要等待一定的时间来验证超时逻辑是否生效. Carbon 库提供了 setTestNow 方法来设置一个虚拟的当前时间 使用这个特性的前提是:我们的待测试代码利 ...
- 在kubernetes集群中创建redis主从多实例
分类 > 正文 在kubernetes集群中创建redis主从多实例 redis-slave镜像制作 redis-master镜像制作 创建kube的配置文件yaml 继续使用上次实验环境 ht ...
- Python中的列表解析和生成器表达式
Python中的列表解析和生成器表达式 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.列表解析案例 #!/usr/bin/env python #_*_coding:utf-8 ...
- WinFrom弹出输入框
代码上面要引用 using Microsoft.VisualBasic; 还不够,在解决方案的引用那里,也要添加引用 如此,便可打出输入框了: ,); 5个参数分别的意思: 提示信息 标题 如果用户没 ...
- POJ-3295 Tautology (构造)
https://vjudge.net/problem/POJ-3295 题意 有五种运算符和五个参数,现在给你一个不超过100字符的算式,问最后结果是否恒为1? 分析 首先明确各运算符的意义,K(&a ...
- Parquet 格式文件
Apache Parquet是Hadoop生态圈中一种新型列式存储格式,它可以兼容Hadoop生态圈中大多数计算框架(Hadoop.Spark等),被多种查询引擎支持(Hive.Impala.Dril ...
- Docker 入门 第二部分: 容器
目录 Docker 入门 第二部分: 容器 先决条件 介绍 你的新开发环境 使用 Dockerfile 定义一个容器 Dockerfile 应用本身 requirements.txt app.py 构 ...
- html5 canvas用图案填充形状
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- CSS-3 渐变的使用
CSS3 渐变(gradients)可以让您在两个或多个指定的颜色之间显示平稳的过渡. 以前,您必须使用图像来实现这些效果.但是,通过使用 CSS3 渐变(gradients),您可以减少下载的事件和 ...
- 第6月第17天 CGAffineTransformMake(a,b,c,d,tx,ty) 矩阵运算的原理
1. 为了把二维图形的变化统一在一个坐标系里,引入了齐次坐标的概念,即把一个图形用一个三维矩阵表示,其中第三列总是(0,0,1),用来作为坐标系的标准.所以所有的变化都由前两列完成. 以上参数在矩阵中 ...