Javascript——JS常用的方法(二)常用字符串方法
admin
2024-02-29 07:55:56
0次

1.字符串长度

length 属性返回字符串的长度:

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
console.log(sln)// 26

2.indexOf() 方法返回字符串中指定文本首次出现的索引(位置)

⚠️如果未找到文本, indexOf() 和 lastIndexOf() 均返回 -1。

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China");
console.log(pos)//17**lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引:**

3.slice() 方法

slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。
该方法设置两个参数:起始索引(开始位置),终止索引(结束位置)。

提取部分字符串

有三种提取部分字符串的方法:
slice(start, end)
substring(start, end)
substr(start, length)

var str = "Apple, Banana, Mango";
var res = str.slice(7,13);console.log(res)//Banana- 如果某个参数为负,则从字符串的结尾开始计数。- 如果省略第二个参数,则该方法将裁剪字符串的剩余部分:var res = str.slice(7);console.log(res)//Banana

4.substring() 方法

substring() 类似于 slice()。
不同之处在于 substring() 无法接受负的索引。

var str = "Apple, Banana, Mango";
var res = str.substr(7,6);console.log(res)//Banana

5.substr() 方法

substr() 类似于 slice()。
不同之处在于第二个参数规定被提取部分的长度。

6.替换字符串内容 ,String. replace() 方法用另一个值替换在字符串中指定的值:

replace() 方法不会改变调用它的字符串。它返回的是新字符串。
默认地,replace() 只替换首个匹配:

str = "a b c d!";
var n = str.replace("c", "f");console.log(ns)//a b f d!

7.转换为大写和小写,通过 String.toUpperCase() 把字符串转换为大写,String.toLowerCase() 把字符串转换为小写

8.String.concat() 方法连接两个或多个字符串

⚠️所有字符串方法都会返回新字符串。它们不会修改原始字符串。
正式地说:字符串是不可变的:字符串不能更改,只能替换。

var text1 = "H";
var text2 = "W";
text3 = text1.concat(" ",text2);console.log(text3)//HW

9.String.trim()方法删除字符串两端的空白符

undefined
var str = "       He Wo        ";
console.log(str.trim())//He Wo也可搭配正则表达式使用 replace() 方法代替:
if (!String.prototype.trim) {String.prototype.trim = function () {return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
};
var str = "       He Wo        ";console.log(str)//He Wo

10.提取字符串字符;

两个提取字符串字符的安全方法:
String.charAt(position)
String.charCodeAt(position)

String.charAt() 方法返回字符串中指定下标(位置)的字符串:

var str = "HELLO WORLD";
str.charAt(0);            // 返回 H

String.charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码:

var str = "HELLO WORLD";str.charCodeAt(0);         // 返回 72

12.把字符串转换为数组,可以通过 String.split() 将字符串转换为数组:

var txt = "a,b,c,d,e";   // 用逗号分隔
console.log(txt.split(","))//['a', 'b', 'c', 'd', 'e']var txt = "a,b,c,d,e";     // 用空格分隔
console.log(txt.split(" ")) //['a,b,c,d,e']var txt = "a,b,c,d,e";   // 用竖线分隔
console.log(txt.split(",")) //['a,b,c,d,e']**如果分隔符是 "",被返回的数组将是间隔单个字符的数组:**
var txt = "Hello";       // 字符串
console.log(txt.split(""))//['H', 'e', 'l', 'l', 'o']

13.用于搜索字符串的 JavaScript 方法: String.indexOf() 方法返回指定文本在字符串中第一次出现(的位置)的索引。

String.lastIndexOf()方法
lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引

如果未找到文本,indexOf() 和 lastIndexOf() 都返回 -1:

var str="Hello";
var n=str.indexOf("e");console.log(n)//1

14.String.search() 方法在字符串中搜索指定值并返回匹配的位置

let str = "Please locate";
str.search("locate")     // 返回 7

15.String.match() 方法根据正则表达式在字符串中搜索匹配项,并将匹配项作为 Array 对象返回。

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g)    // 返回数组 [ain,ain,ain]

16.String.includes()如果字符串包含指定值,includes() 方法返回 true。没找到返回false

**语法:
string.includes(searchvalue, start)
参数一: 必需。需要搜索的字符串
参数二: 可选。默认为 0. 开始搜索的位置。
**

let text = "Hello world";
text.includes("world")    // 返回 true

17.字符串模板。

模板字面量使用反引号 (``)

let text = `He's often called "Johnny"`;

字符串插值(string interpolation):${…}

变量替换:
let firstName = "Bill";
let lastName = "Gates";
let text = `Welcome ${firstName}, ${lastName}!`;//Welcome Bill, Gates!表达式替换:
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
console.log(total)//Total: 12.50

相关内容

热门资讯

AI做攻略、“双向奔赴”……国... 本文转自:人民网人民网记者 许维娜今年国庆假期,AI(人工智能)成了不少年轻人的“旅行搭子”。行前做...
合肥的这个“梗”, 翻篇了 社交平台的评论区,曾长期流传一句专属于合肥的黑色幽默。有人问合肥哪里好玩,本地网友半开玩笑地回复:合...
7万+旅游中高层都在的群,今天... 做旅游这行,资源卡位、渠道互通、项目落地——往往就差一个“对的机会”。我们的行业社群已聚集70,00...
一场帐篷音乐节,如何让井研从“... 帐篷音乐节现场封面新闻记者 周洪攀10月的研溪湿地,晚风里裹着柑橘的清甜与民谣的回响。夜幕降临,10...
白鹤翩翩落星愿,上海迪士尼度假... 10月9日,世界候鸟日前夕,上海迪士尼度假区星愿公园的湖风里多了一分白鹤的灵动。三座白鹤雕塑正式揭幕...
成都锦江边赏初秋枫叶飘飘 目前,成都锦江边国华街枫叶树红了。近年来,国华街附近的几条街都栽种了红枫树,是城区较集中看枫叶的点位...
GBTA:商务旅行正在复苏,但... 亚太正在成为全球商务旅行增长的重要引擎。在经历疫情后的快速反弹之后,全球商务旅行正在进入一个新的增长...
从景区焕新到节赛引流 邹城双节... 齐鲁网·闪电新闻10月9日讯 中秋、国庆“双节”假期,邹城市文化和旅游局提前谋划、周密部署,立足自身...
江山如此多娇 且看石楼今朝 金秋十月,黄河岸畔秋意盎然,丰收盛会喜迎国庆。本次石楼国庆文旅活动以“江山如此多娇,且看石楼今朝”为...
海南国庆假期接待游客475.4... 2026年国庆假期,海南接待游客475.40万人次,较2025年增长13.1%,较2024年增长15...