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

相关内容

热门资讯

linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
C++ 机房预约系统(六):学... 8、 学生模块 8.1 学生子菜单、登录和注销 实现步骤: 在Student.cpp的...
A.机器学习入门算法(三):基... 机器学习算法(三):K近邻(k-nearest neigh...
数字温湿度传感器DHT11模块... 模块实例https://blog.csdn.net/qq_38393591/article/deta...
有限元三角形单元的等效节点力 文章目录前言一、重新复习一下有限元三角形单元的理论1、三角形单元的形函数(Nÿ...
Redis 所有支持的数据结构... Redis 是一种开源的基于键值对存储的 NoSQL 数据库,支持多种数据结构。以下是...
win下pytorch安装—c... 安装目录一、cuda安装1.1、cuda版本选择1.2、下载安装二、cudnn安装三、pytorch...
MySQL基础-多表查询 文章目录MySQL基础-多表查询一、案例及引入1、基础概念2、笛卡尔积的理解二、多表查询的分类1、等...
keil调试专题篇 调试的前提是需要连接调试器比如STLINK。 然后点击菜单或者快捷图标均可进入调试模式。 如果前面...
MATLAB | 全网最详细网... 一篇超超超长,超超超全面网络图绘制教程,本篇基本能讲清楚所有绘制要点&#...
IHome主页 - 让你的浏览... 随着互联网的发展,人们越来越离不开浏览器了。每天上班、学习、娱乐,浏览器...
TCP 协议 一、TCP 协议概念 TCP即传输控制协议(Transmission Control ...
营业执照的经营范围有哪些 营业执照的经营范围有哪些 经营范围是指企业可以从事的生产经营与服务项目,是进行公司注册...
C++ 可变体(variant... 一、可变体(variant) 基础用法 Union的问题: 无法知道当前使用的类型是什...
血压计语音芯片,电子医疗设备声... 语音电子血压计是带有语音提示功能的电子血压计,测量前至测量结果全程语音播报࿰...
MySQL OCP888题解0... 文章目录1、原题1.1、英文原题1.2、答案2、题目解析2.1、题干解析2.2、选项解析3、知识点3...
【2023-Pytorch-检... (肆十二想说的一些话)Yolo这个系列我们已经更新了大概一年的时间,现在基本的流程也走走通了,包含数...
实战项目:保险行业用户分类 这里写目录标题1、项目介绍1.1 行业背景1.2 数据介绍2、代码实现导入数据探索数据处理列标签名异...
记录--我在前端干工地(thr... 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前段时间接触了Th...
43 openEuler搭建A... 文章目录43 openEuler搭建Apache服务器-配置文件说明和管理模块43.1 配置文件说明...