Javascript——JS常用的方法(二)常用字符串方法

news/2024/4/27 0:09:26/文章来源:https://blog.csdn.net/weixin_43551242/article/details/128092625

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_38862.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

GIT技巧

目录 基础命令 commit 、branch merge rebase 高级特性 自由修改提交树 cherry-pick rebase 远程仓库命令 基础命令 commit 、branch Git Commit Git 仓库中的提交记录保存的是你的目录下所有文件的快照,就像是把整个目录复制,然后再粘贴一样…

流媒体传输 - HLS 协议

HLS 全称是 HTTP Live Streaming,是一个由 Apple 公司提出的基于 HTTP 的媒体流传输协议,用于实时音视频流的传输。目前 HLS 协议被广泛的应用于视频点播和直播领域。 概述 原理介绍 通过将整条流切割成一个小的可以通过 HTTP 下载的媒体文件&#xff…

Spirng 痛苦源码学习(二)——手写spring大致总框架(一)

文章目录前言一、总体步骤如下1、spring 文件夹2、myProject 文件夹二、主要coding1、配置文件2、容器3、一些spring中的重要的注解4、项目中的使用5.重要的bean定义信息6、postProcessor重要,前置通知和后置主要项目的截图前言 本文主要基于spring的注解的方式完成…

Python的10个编程技巧,你不一定都知道

文末有Python资料下载 1. 原地交换两个数字 Python 提供了一个直观的在一行代码中赋值与交换(变量值)的方法,请参见下面的示例: 赋值的右侧形成了一个新的元组,左侧立即解析(unpack)那个&…

leetcode-每日一题-1758-生成交替二进制字符串的最少操作数(简单,数学思想)

这道题标记为简单题是正常的,因为当你想到0或者1开头的时候就已经结束了看看我的分析 那么知道这个信息之后就很简单了,加上我们的位运算符号^作为标记即可,大家看看代码实现 1758. 生成交替二进制字符串的最少操作数 难度简单88收藏分享切换…

Mysql基础知识篇(二)

1.UNION 与 UNION ALL 的区别? 如果使用 UNION,会在表链接后筛选掉重复的记录行如果使用 UNION ALL,不会合并重复的记录行从效率上说,UNION ALL 要比 UNION 快很多,如果合并没有刻意要删除重复行,那么就使…

Java基于springboot+vue的摄影作品展示交流系统 计算机毕业设计

随着时代的发展,人们的精神世界也在不断的丰富,尤其是在当下电子设备发展迅速的背景下,人们通过数码相机或者手机随后就可以拍下每一个美丽的瞬间,但是人们更希望将这些摄影作品传到网上和更多的人进行分享,同时也希望…

电脑键盘功能基础知识,快速入门,抓住这份详细教程

在互联网生活发达的今天,电脑已经成为了学习工作的必备工具。而用来操作电脑的关键,就是我们经常使用的键盘和鼠标。最近有不少的小伙伴来私信小编,希望小编做一个电脑键盘功能基础知识介绍的详细教程。这不,小编应大家要求&#…

用匠心创造可期未来!与广州流辰信息科技一起携手创佳绩!

当今社会世界经济一体化趋势逐渐明朗化,竞争也愈发激烈,同时,这也是一个机遇与挑战并存的开放社会。在机遇面前,作为企业,要紧紧抓住机遇,顺势而为,创造辉煌佳绩;在挑战面前&#xf…

嵌入式 C语言/C++ 常见笔试、面试题 难疑点汇总(经典100道)

#pragma comment。将一个注释记录放置到对象文件或可执行文件中。 #pragma pack。用来改变编译器的字节对齐方式。 #pragma code_seg。它能够设置程序中的函数在obj文件中所在的代码段。如果未指定参数,函数将放置在默认代码段.text中 #pragma once。保证所在文件只…

MySQL软件常见操作

1登录MySQL 登录,如果你配置了环境变量就可以winr,在运行框输入cmd,输入登录命令 第一种:直接输入密码 mysql -uroot -p(你的密码没有有括号) 第二种不直接输入密码 mysql -uroot -p 前面两种都是localhost登录 下面是完整版 m…

slam定位学习笔记(七)-g2o学习

主要学习的是这篇文章,但大佬并没有在文章里面仔细的讲g2o,所以我在网上找了这几篇介绍g2o的文章,讲的十分详细,对入门十分友好:文章一、文章二、文章三,这三篇都是一个作者写的,主要是针对编程…

MATLAB数据导入

MATLAB数据导入 在编写一个程序时,经常需要从外部读入数据。MATLAB使用多种格式打开数据。本章将要介绍MATLAB中数据的导入。 MATLAB中导入数据的方式有两种,分别是在命令行通过代码把数据导进去和通过MATLAB的数据导入向导导入数据。本节将为大家介绍第…

广播实现强制下线功能

实现强制下线功能 强制下线应该是一个比较常用的功能,比如QQ在比的地方被登陆了,就会强制比被挤下线.强制下线的功能还是比较简单的,只需要在界面上弹出一个框,告知用户无法再进行任何操作即可.只能点击确定然后跳转至登录界面.强制下线功能需要关闭所有的Activity,然后返回到…

微服务框架 SpringCloud微服务架构 4 Ribbon 4.3 饥饿加载

微服务框架 【SpringCloudRabbitMQDockerRedis搜索分布式,系统详解springcloud微服务技术栈课程|黑马程序员Java微服务】 SpringCloud微服务架构 文章目录微服务框架SpringCloud微服务架构4 Ribbon4.3 饥饿加载4.3.1 饥饿加载4.3.2 总结4 Ribbon 4.3 饥饿加载 4…

【毕业设计】深度学习车辆颜色识别检测系统 - python opencv YOLOv5

文章目录1 前言2 实现效果3 CNN卷积神经网络4 Yolov55 数据集处理及模型训练6 最后1 前言 🔥 Hi,大家好,这里是丹成学长的毕设系列文章! 🔥 对毕设有任何疑问都可以问学长哦! 这两年开始,各个学校对毕设…

ATJ2157ATJ2127音乐按文件名拼音排序---标案是按内码进行排序

音乐按文件名拼音进行排序参考网站ATJ2157&ATJ2127 排序是按照内码(汉字为GBK即GBK936)排序的按拼音排序unicode与拼音的对比表(U2P.DAT),需要打包到固件中U2P.DAT数据结构U2P.DAT生成代码是使用DEV-C生成其他说明U2P.DAT与ATJ2127平台代码参考网站 各种字符对…

activiti-api

activiti-api目录概述需求:设计思路实现思路分析1.VariableEvent2.EmptyResult3.BPMNElement4.BPMNError5.ConnectorAbstractSecurityManager参考资料和推荐阅读Survive by day and develop by night. talk for import biz , show your perfect code,full busy&…

Mac下安装Hadoop

1、引言 如果想在Mac下安装Hadoop而且让Hadoop能正常运行,那安装之前需要先安装java,在Mac环境下安装Hadoop。 2、配置ssh环境 在Mac下如果想使用Hadoop,必须要配置ssh环境, 如果不执行这一步,后面启动hadoop时会出现…

PyCharm+PyQT5之三界面与逻辑的分离

之二的例程已经实现了界面与逻辑的分离,所建立的 Dialog Mainwindow 或者 widgets 等,界面改变其主调程序(暂且这样叫)更改,或者不需要大规模更改, 主调函数的程序是这样的 import sys import FistUI from PyQt5.QtWidgets import QApplication, QMainWindow,QDialog if __nam…