HTML的自我修养前端学习笔记让前端飞

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

2017-04-15  本文已影响136人  hanyuntao

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()方法
返回字符串中的第三个字符:
var str = "HELLO WORLD";
var n = str.charAt(2)
n输出结果:
L
  1. charCodeAt()方法
返回字符串第一个字符的 Unicode 编码:
var str = "HELLO WORLD";
var n = str.charCodeAt(0);
n 输出结果:
72
  1. concat()方法
连接两个字符串:
var str1 = "Hello ";
var str2 = "world!";
var n = str1.concat(str2);
n 输出结果:
Hello world!
  1. fromCharCode()方法
将 Unicode 编码转为一个字符:
var n = String.fromCharCode(65);
n 输出结果:
A
  1. indexOf()方法
查找字符串 "welcome":
var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");
n 输出结果:
13
  1. lastIndexOf()方法
查找字符串 "runoob" 最后出现的位置:
var str="I am from runoob,welcome to runoob site.";
var n=str.lastIndexOf("runoob");
n 输出结果:
28
  1. match()方法
在字符串中查找 "ain":
var str="The rain in SPAIN stays mainly in the plain"; 
var n=str.match(/ain/g);
n 输出数组结果值:
ain,ain,ain
  1. replace()方法
在本例中,我们将执行一次全局替换,每当 "Microsoft" 被找到,它就被替换为 "Runoob":
var str="Visit Microsoft!";
var n=str.replace("Microsoft","Runoob");
n 输出结果:
Visit Runoob!
  1. search()方法
查找 "W3CSchool":
var str="Visit W3CSchool!";
var n=str.search("W3CSchool");
n 输出结果:
6

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

  1. slice()方法
提取字符串的片断:
var str="Hello world!";
var n=str.slice(1,5);
n 输出结果:
ello
  1. 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()方法
抽取指定数目的字符:
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()方法
把字符串转换为小写:
var str="Hello World!";
document.write(str.toLowerCase());
  1. toUpperCase()方法
把字符串转换为大写:
var str="Hello world!";
document.write(str.toUpperCase());
  1. trim()方法
  1. valueOf()方法
返回 String 对象的原始值:
var str="Hello world!";
document.write(str.valueOf());
以上输出结果:
Hello world!
上一篇 下一篇

猜你喜欢

热点阅读