<返回更多

Javascript中操作String字符串的33种方法,你都知道吗?

2020-06-05    
加入收藏
Javascript中操作String字符串的33种方法,你都知道吗?

 

1、anchor

创建一个锚点。

document.write('hello'.anchor('anchor'))
// 输出:<a name="anchor">hello</a>

2、big

创建一个加粗的文本 big 标签包裹。

document.write('hello'.big())
// 输出:<big>hello</big>

3、blink

创建一个闪烁的文本(目前只有 Firefox 和 Opera 支持)。

document.write('hello'.blink())
// 输出:<blink>hello</blink>

4、bold

创建一个加粗的文本 b 标签包裹。

document.write('hello'.bold())
// 输出:<b>hello</b>

5、charAt

返回指定索引处的字符。

'hello'.charAt(1)
// 输出:e

6、charCodeAt

返回指定位置的字符的Unicode值。

'hello'.charCodeAt(1)
// 输出:101

7、concat

返回包含两个或多个字符串的串联的字符串。

var str1 = "world"
document.write('hello'.concat(str1));
// 输出:hello world

8、fixed

创建一个加粗的文本 tt 标签包裹。

document.write('hello'.fixed())
// 输出:<tt>hello</tt>

9、fontsize

创建一个指定文本大小 font 标签包裹。参数从 1 到 7 的数字

document.write('hello'.fontsize("5"))
// 输出:<font size="5">hello</font>

10、fontcolor

创建一个指定文本颜色 font 标签包裹。

document.write('hello'.fontcolor("red"))

11、indexOf

返回第一次出现的子字符串的位置。

第二个参数可选的,搜索String对象的索引,如果省略,则搜索从字符串的开头开始。

该方法返回String对象的子字符串的开始。如果未找到子字符串,则返回-1。

如果第二个参数为负,则被视为零。如果它大于最高索引,则将其视为最高索引。

'hello'.indexOf('e')
// 输出:1
'hello'.indexOf('e',2)
// 输出:-1

12、italics

创建一个斜体的文本 i 标签包裹。

document.write('hello'.italics())
// 输出:<i>hello</i>

13、lastIndexOf

返回字符串中子字符串的最后一次出现。

从字符串的最后一个字符开始执行搜索

'hello'.lastIndexOf('l')
// 输出:3
'hello'.lastIndexOf('l',2)
// 输出:2
'hello'.lastIndexOf('l',0)
// 输出:-1

14、link

创建一个带链接的文本 a 标签包裹。

'hello'.link('http://www.baidu.com')
// 输出: <a href="http://www.baidu.com">hello</a>

15、localeCompare

比较两个字符串在当前语言环境中是否等效

如果str1在str2之前排序,则返回-1。

如果str1在str2之后排序,则返回1。

返回值为0表示两个字符串相等。

var str1 = "def";
 var str2 = "abc"
console.log(str1.localeCompare(str2));
 // 输出: 1
 var str3 = "ghi";
 console.log(str1.localeCompare(str3));
 // 输出: -1
 var str4 = "def";
 cstr1.localeCompare(str4));
 // 输出: 0

16、match

将字符串与正则表达式匹配,并返回包含该搜索结果的数组。

var src = "azcafAJAC";
 var re = /[a-c]/g;
console.log(src.match(re));
 // 输出: ["a", "c", "a"]

17、replace

使用正则表达式或搜索字符串替换字符串中的文本。

var s = "the batter hit the ball with the bat";
 var re = /the/g;
 var result = s.replace(re, "a");
console.log(result);
// 输出: a batter hit a ball with a bat

18、search

在正则表达式搜索中查找第一个子字符串匹配项。

var src = "is but a Dream within a dream";
 var re = /dream/;
 var pos = src.search(re);
 console.log(pos);
// 输出: 24

19、slice

返回字符串的一部分。

var str1 = "all good boys do fine";

 var slice1 = str1.slice(0);
 var slice2 = str1.slice(0,-1);
 var slice3 = str1.slice(4);
 var slice4 = str1.slice(4, 8);

 document.write(slice1 + "<br/>");
 document.write(slice2 + "<br/>");
 document.write(slice3 + "<br/>");
 document.write(slice4);

 // 输出:
 // all good boys do fine
 // all good boys do fin
 // good boys do fine
 // good

20、small

创建一个字体偏小的文本 small 标签包裹。

document.write('hello'.small())
// 输出:<small>hello</small>

21、split

使用指定的分隔符将字符串拆分为子字符串,然后将子字符串作为数组返回。

'hello'.split('e')
// 输出: ["h", "llo"]

22、strike

创建一个带删除线的文本 strike 标签包裹。

document.write('hello'.strike())
// 输出:<strike>hello</strike>

23、sub

把字符串显示为下标 sub标签包裹。

document.write('hello'.sub())
c

24、substr

获取一个从指定位置开始并具有指定长度的子字符串。

var s = "The quick brown fox jumps over the lazy dog.";
 var ss = s.substr(10, 5);
console.log(ss);
// 输出:// 输出:<sub>hello</sub>

25、substring

返回String对象中指定位置的子字符串。

var s = "The quick brown fox jumps over the lazy dog.";
 var ss = s.substring(10, 15);
console.log(ss);
// 输出:brown

26、sup

把字符串显示为上标 sup标签包裹。

document.write('hello'.sup())
// 输出:<sup>hello</sup>

27、toLocaleLowerCase

根据当前语言环境,将所有字母字符转换为小写。

console.log("HELLO".toLocaleLowerCase()); 

28、toLocaleUpperCase

根据当前语言环境,将所有字母字符转换为大写。

var hello = "hello";
var foobar = hello.toLocaleUpperCase();
console.log(foobar );
// 输出:HELLO

29、toLowerCase

将字符串中的所有字母字符转换为小写。

var hello = "HELLO";
var foobar = hello.toLowerCase();
console.log(foobar);
// 输出:hello

30、toUpperCase

将字符串中的所有字母字符转换为大写。

var hello = "hello";
var foobar = hello.toUpperCase();
console.log(foobar );
// 输出:HELLO

31、toString

返回字符串。

var string = "this is a test";
 var strStr = string.toString();
 document.write(strStr);
 // 输出: this is a test

32、trim

从字符串中删除开头和结尾的空格和行终止符。

var message = "    abc def     rn  ";
console.log(message.trim())
// 输出: abc def

33、valueOf

返回字符串的值。

var str = "every good boy does fine";
var strStr = str.valueOf();

if (str === strStr)
document.write("same");
else
document.write("different");

// var str = "every good boy does fine";
var strStr = str.valueOf();

if (str === strStr)
document.write("same");
else
document.write("different");

// Output:
// same:
// same

如有错误和遗漏,欢迎指正,谢谢。

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>