您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > javascript

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

时间:2020-06-05 12:09:09  来源:  作者:
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

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



Tags:Javascript String   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
1、anchor创建一个锚点。document.write(&#39;hello&#39;.anchor(&#39;anchor&#39;))// 输出:<a name="anchor">hello</a>2、big创建一个加粗的文本 big 标签包裹。document...【详细内容】
2020-06-05  Tags: Javascript String  点击:(50)  评论:(0)  加入收藏
▌简易百科推荐
1、通过条件判断给变量赋值布尔值的正确姿势// badif (a === &#39;a&#39;) { b = true} else { b = false}// goodb = a === &#39;a&#39;2、在if中判断数组长度不为零...【详细内容】
2021-12-24  Mason程    Tags:JavaScript   点击:(6)  评论:(0)  加入收藏
给新手朋友分享我收藏的前端必备javascript已经写好的封装好的方法函数,直接可用。方法函数总计:41个;以下给大家介绍有35个,需要整体文档的朋友私信我,1、输入一个值,将其返回数...【详细内容】
2021-12-15  未来讲IT    Tags:JavaScript   点击:(20)  评论:(0)  加入收藏
1. 检测一个对象是不是纯对象,检测数据类型// 检测数据类型的方法封装(function () { var getProto = Object.getPrototypeOf; // 获取实列的原型对象。 var class2type =...【详细内容】
2021-12-08  前端明明    Tags:js   点击:(23)  评论:(0)  加入收藏
作者:一川来源:前端万有引力 1 写在前面Javascript中的apply、call、bind方法是前端代码开发中相当重要的概念,并且与this的指向密切相关。本篇文章我们将深入探讨这个关键词的...【详细内容】
2021-12-06  Nodejs开发    Tags:Javascript   点击:(19)  评论:(0)  加入收藏
概述DOM全称Document Object Model,即文档对象模型。是HTML和XML文档的编程接口,DOM将文档(HTML或XML)描绘成一个多节点构成的结构。使用JavaScript可以改变文档的结构、样式和...【详细内容】
2021-11-16  海人为记    Tags:DOM模型   点击:(35)  评论:(0)  加入收藏
入口函数 /*js加载完成事件*/ window.onload=function(){ console.log("页面和资源完全加载完毕"); } /*jQuery的ready函数*/ $(document).ready(function(){ co...【详细内容】
2021-11-12  codercyh的开发日记    Tags:jQuery   点击:(36)  评论:(0)  加入收藏
一、判断是否IE浏览器(支持判断IE11与edge)function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var isIE = userAgent.indexOf("comp...【详细内容】
2021-11-02  V面包V    Tags:Javascript   点击:(40)  评论:(0)  加入收藏
Null、Undefined、空检查普通写法: if (username1 !== null || username1 !== undefined || username1 !== &#39;&#39;) { let username = username1; }优化后...【详细内容】
2021-10-28  前端掘金    Tags:JavaScript   点击:(51)  评论:(0)  加入收藏
今天我们将尝试下花 1 分钟的时间简单地了解下什么是 JS 代理对象(proxies)?我们可以这样理解,JS 代理就相当于在对象的外层加了一层拦截,在拦截方法里我们可以自定义一些个性化...【详细内容】
2021-10-18  前端达人    Tags:JS   点击:(51)  评论:(0)  加入收藏
带有多个条件的 if 语句把多个值放在一个数组中,然后调用数组的 includes 方法。// bad if (x === "abc" || x === "def" || x === "ghi" || x === "jkl") { //logic } // be...【详细内容】
2021-09-27  羲和时代    Tags:JS   点击:(58)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条