js基础篇(二)——字符串的各种操作

js基础篇(一)——数组的各种操作
js基础篇(三)——DOM的各种操作

1. 创建字符串

一个字符串用于存储一系列字符就像"John Doe"
一个字符串可以使用单引号或双引号:

  • 实例
var txt = new String("string");
//或者更简单方式:
var txt = "string";

2. 访问字符串

你使用位置(索引)可以访问字符串中任何的字符:

  • 实例
var character=carname[7];

字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 等等。

3. 字符串的属性和方法

3.1 属性

属性描述
constructor对创建该对象的函数的引用
length字符串的长度
prototype允许您向对象添加属性和方法

3.2 方法

下面的表格是总结,每个方法的示例在下面。

方法描述
charAt()返回在指定位置的字符。
charCodeAt()返回在指定的位置的字符的 Unicode 编码。
concat()连接两个或更多字符串,并返回新的字符串。
fromCharCode()将 Unicode 编码转为字符。
indexOf()返回某个指定的字符串值在字符串中首次出现的位置。
lastIndexOf()从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。
match()查找找到一个或多个正则表达式的匹配。
replace()在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。
search()查找与正则表达式相匹配的值。
slice()提取字符串的片断,并在新的字符串中返回被提取的部分。
split()把字符串分割为字符串数组。
substr()从起始索引号提取字符串中指定数目的字符。
substring()提取字符串中两个指定的索引号之间的字符。
toLowerCase()把字符串转换为小写。
toUpperCase()把字符串转换为大写。
trim()去除字符串两边的空白
valueOf()返回某个字符串对象的原始值。
  1. charAt()方法
  • 定义和用法
    charAt() 方法可返回指定位置的字符。
    第一个字符位置为 0, 第二个字符位置为 1,以此类推.
  • 实例
返回字符串中的第三个字符:
var str = "HELLO WORLD";
var n = str.charAt(2)
n输出结果:
L
  1. charCodeAt()方法
  • 定义和用法
    charCodeAt()方法可返回指定位置的字符的 Unicode 编码。
    字符串中第一个字符的位置为 0, 第二个字符位置为 1,以此类推。
  • 实例
返回字符串第一个字符的 Unicode 编码:
var str = "HELLO WORLD";
var n = str.charCodeAt(0);
n 输出结果:
72
  1. concat()方法
  • 定义和用法
    concat() 方法用于连接两个或多个字符串。
    该方法没有改变原有字符串,但是会返回连接两个或多个字符串新字符串。
  • 实例
连接两个字符串:
var str1 = "Hello ";
var str2 = "world!";
var n = str1.concat(str2);
n 输出结果:
Hello world!
  1. fromCharCode()方法
  • 定义和用法
    fromCharCode()可接受一个指定的 Unicode 值,然后返回一个字符串。
    注意:该方法是 String 的静态方法,字符串中的每个字符都由单独的 Unicode 数字编码指定。
  • 实例
将 Unicode 编码转为一个字符:
var n = String.fromCharCode(65);
n 输出结果:
A
  1. indexOf()方法
  • 定义和用法
    indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。
    如果没有找到匹配的字符串则返回 -1。
    注意: indexOf()方法区分大小写。
    提示: 同样你可以查看类似方法lastIndexOf()
  • 实例
查找字符串 "welcome":
var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");
n 输出结果:
13
  1. lastIndexOf()方法
  • 定义和用法
    lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置。
    如果没有找到匹配字符串则返回 -1 。
    注意:lastIndexOf()方法是区分大小写的!
    提示: 你也可以参照类似方法indexOf()
  • 实例
查找字符串 "runoob" 最后出现的位置:
var str="I am from runoob,welcome to runoob site.";
var n=str.lastIndexOf("runoob");
n 输出结果:
28
  1. match()方法
  • 定义和用法
    match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
    如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。
  • 实例
在字符串中查找 "ain":
var str="The rain in SPAIN stays mainly in the plain"; 
var n=str.match(/ain/g);
n 输出数组结果值:
ain,ain,ain
  1. replace()方法
  • 定义和用法
    replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
    该方法不会改变原始字符串。
  • 实例
在本例中,我们将执行一次全局替换,每当 "Microsoft" 被找到,它就被替换为 "Runoob":
var str="Visit Microsoft!";
var n=str.replace("Microsoft","Runoob");
n 输出结果:
Visit Runoob!
  1. search()方法
  • 定义和用法
    search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
    如果没有找到任何匹配的子串,则返回 -1。
  • 实例
查找 "W3CSchool":
var str="Visit W3CSchool!";
var n=str.search("W3CSchool");
n 输出结果:
6

search()方法和indexof()一样返回目标自字符串索引值。
首先要明确search()的参数必须是正则表达式,而indexOf()的参数只是普通字符串。indexOf()是比search()更加底层的方法。很多时候用indexOf()不是为了真的想知道子字符串的位置,而是想知道长字符串中没有包含这个子字符串。

  1. slice()方法
  • 定义和用法
    slice(start, end) 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
    使用start(包含) 和 end(不包含) 参数来指定字符串提取的部分。
    字符串中第一个字符位置为 0, 第二个字符位置为 1, 以此类推。
    提示: 如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。
  • 实例
提取字符串的片断:
var str="Hello world!";
var n=str.slice(1,5);
n 输出结果:
ello
  1. split()方法
  • 定义和用法
    split() 方法用于把一个字符串分割成字符串数组。
    提示: 如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
    注意: split()方法不改变原始字符串。
  • 实例
把一个字符串分割成字符串数组:
var str="How are you doing today?";
var n=str.split(" ");
n 输出一个数组的值:
How,are,you,doing,today?
a="a|b|c";
console.log(a.split("|"));//["a", "b", "c"]
a="a,b,c";
console.log(a.split(","));//["a", "b", "c"]
  1. substr()方法
  • 定义和用法
    substr() 方法可在字符串中抽取从 开始 下标开始的指定数目的字符。
    提示: substr() 的参数指定的是子串的开始位置和长度,因此它可以替代 substring()slice()来使用。
    注意: substr() 方法不会改变源字符串。
  • 实例
抽取指定数目的字符:
var str="Hello world!";
var n=str.substr(2,3)
n 输出结果:
llo
  1. substring()方法
    substring() 方法用于提取字符串中介于两个指定下标之间的字符。
    substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。
    substringslice的区别则是,slice可以接受“负数”,表示从字符串尾部开始计数; 而substring则把负数或其它无效的数,当作0。
  • 实例
在本例中,我们将使用 substring() 从字符串中提取一些字符::
var str="Hello world!";
document.write(str.substring(3)+"<br>");
document.write(str.substring(3,7));
以上代码输出结果:
lo world!
lo w
  1. toLowerCase()方法
  • 定义和用法
    `toLowerCase() 方法用于把字符串转换为小写。
  • 实例
把字符串转换为小写:
var str="Hello World!";
document.write(str.toLowerCase());
  1. toUpperCase()方法
  • 定义和用法
    `toUpperCase() 方法用于把字符串转换为大写。
  • 实例
把字符串转换为大写:
var str="Hello world!";
document.write(str.toUpperCase());
  1. trim()方法
  • 定义和用法
    trim() 方法去除字符串两边的空白。
  • 实例
  1. valueOf()方法
  • 定义和用法
    valueOf() 方法可返回 String 对象的原始值。
    注意: valueOf() 方法通常由 JavaScript 在后台自动进行调用,而不是显式地处于代码中。
  • 实例
返回 String 对象的原始值:
var str="Hello world!";
document.write(str.valueOf());
以上输出结果:
Hello world!
    原文作者:hanyuntao
    原文地址: https://www.jianshu.com/p/481b2038ddea
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞