JS字符串方法

最新推荐文章于 2024-05-20 15:17:08 发布
最新推荐文章于 2024-05-20 15:17:08 发布
阅读量376 收藏 12
点赞数 26
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57715356/article/details/137881711
版权

文章目录

1.length：返回字符串的长度。

const str = "Hello";
console.log(str.length); // 输出5

2.charAt(index)：返回指定索引位置的字符。

const str = "Hello";
console.log(str.charAt(1)); // 输出"e"

3.concat(str1, str2, …)：将两个或多个字符串连接起来。

const str1 = "Hello";
const str2 = " World";
console.log(str1.concat(str2)); // 输出"Hello World"

4.indexOf(searchValue, startIndex)：返回指定值在字符串中第一次出现的位置。

const str = "Hello World";
console.log(str.indexOf("o")); // 输出4

5.lastIndexOf(searchValue, startIndex)：返回指定值在字符串中最后一次出现的位置。

const str = "Hello World";
console.log(str.lastIndexOf("o")); // 输出7

6.toUpperCase()：将字符串转换为大写。

const str = "hello";
console.log(str.toUpperCase()); // 输出"HELLO"

7.toLowerCase()：将字符串转换为小写。

const str = "HELLO";
console.log(str.toLowerCase()); // 输出"hello"

8.slice(startIndex, endIndex)：提取字符串的一部分。

const str = "Hello World";
console.log(str.slice(6)); // 输出"World"

9.substring(startIndex, endIndex)：提取字符串的一部分。

const str = "Hello World";
console.log(str.substring(0, 5)); // 输出"Hello"

10.substr(startIndex, length)：从指定位置开始，截取指定长度的字符串。

const str = "Hello World";
console.log(str.substr(6, 5)); // 输出"World"

11.replace(searchValue, replaceValue)：替换字符串中的指定值。

const str = "Hello World";
console.log(str.replace("World", "Universe")); // 输出"Hello Universe"

12.split(separator, limit)：将字符串分割成子字符串数组。

const str = "apple,banana,orange";
console.log(str.split(",")); // 输出["apple", "banana", "orange"]

13.trim()：去除字符串两端的空格。

const str = "  Hello World  ";
console.log(str.trim()); //输出"Hello World"

14.startsWith(searchValue, position)：判断字符串是否以指定值开头。

const str = "Hello World";
console.log(str.startsWith("Hello")); // 输出true

15.endsWith(searchValue, position)：判断字符串是否以指定值结尾。

const str = "Hello World";
console.log(str.endsWith("World")); // 输出true

16.includes(searchValue, position)：判断字符串是否包含指定值。

const str = "Hello World";
console.log(str.includes("World")); // 输出true

17.charCodeAt(index)：返回指定索引位置的字符的Unicode值。

const myStr = "hello";
for (let i = 0; i < myStr.length; i++) {
  const charCode = myStr.charCodeAt(i);
  console.log(`字符: ${myStr[i]}, Unicode 编码: ${charCode}`);
}
// 输出
//字符: h, Unicode 编码: 104
//字符: e, Unicode 编码: 101
//字符: l, Unicode 编码: 108
//字符: l, Unicode 编码: 108
//字符: o, Unicode 编码: 111

18.codePointAt(index)：返回指定索引位置的字符的Unicode码点。

const str = "Hello";
for (let i = 0; i < str.length; i++) {
  const codePoint = str.codePointAt(i);
  console.log(`索引 ${i}: 码点 ${codePoint}`);
}
// 输出
//索引 0: 码点 72
//索引 1: 码点 101
//索引 2: 码点 108
//索引 3: 码点 108
//索引 4: 码点 111

19.localeCompare(compareString)：比较两个字符串的排序顺序。

const str1 = "apple";
const str2 = "banana";
const str3 = "apple";

// 比较 str1 和 str2
let comparison = str1.localeCompare(str2);
console.log(comparison); // 输出一个负数，因为 "apple" 在排序上位于 "banana" 之前

// 比较 str1 和 str3
comparison = str1.localeCompare(str3);
console.log(comparison); // 输出 0，因为 "apple" 和 "apple" 是相同的

// 比较 str2 和 str1
comparison = str2.localeCompare(str1);
console.log(comparison); // 输出一个正数，因为 "banana" 在排序上位于 "apple" 之后

20.match(regexp)：在字符串中匹配正则表达式。

const str = "Come on, you can do it";
const regex = /yo/g; // 正则表达式，匹配 "ain" 这个子字符串，'g' 表示全局搜索，即查找所有匹配项

const result = str.match(regex);
console.log(result); // 输出['yo']
// 如果没有匹配项，match() 返回 null
const str2 = "Hello, world!";
const regex2 = /xyz/; // 正则表达式，匹配 "xyz" 这个子字符串

const result2 = str2.match(regex2);
console.log(result2); // 输出null

21.normalize(form)：标准化字符串的Unicode表示形式。

const str = "é"; // 这是一个带有重音符号的字符

// 转换为 NFC 形式（默认形式）
const nfcStr = str.normalize('NFC');
console.log(nfcStr); // 输出: "é"

// 转换为 NFD 形式
const nfdStr = str.normalize('NFD');
console.log(nfdStr); // 输出: "é"

// 转换为 NFKC 形式
const nfkcStr = str.normalize('NFKC');
console.log(nfkcStr); // 输出: "é"

// 转换为 NFKD 形式
const nfkdStr = str.normalize('NFKD');
console.log(nfkdStr); // 输出: "é"

// 比较 NFC 和 NFKC 形式
console.log(nfcStr === nfkcStr); // 输出: true

// 比较 NFD 和 NFKD 形式
console.log(nfdStr === nfkdStr); // 输出: true

// 比较原始字符串和 NFC 形式
console.log(str === nfcStr); // 输出: true

22.padEnd(targetLength, padString)：用指定的字符串填充字符串的末尾，使其达到指定的长度。

let str = "hello";

// 在字符串末尾填充 "0"，直到长度达到 5
let paddedStr = str.padEnd(5, '0');
console.log(paddedStr); // 输出: "hello"

// 再次尝试填充，但目标长度小于字符串长度
let paddedStr2 = str.padEnd(3, '0');
console.log(paddedStr2); // 输出: "hello"

// 使用不同的填充字符串
let paddedStr3 = str.padEnd(8, '-');
console.log(paddedStr3); // 输出: "hello---"

// 如果填充字符串太长，它将被截断以适应目标长度
let paddedStr4 = str.padEnd(6, 'abcdefgh');
console.log(paddedStr4); // 输出: "helloa"

23.padStart(targetLength, padString)：用指定的字符串填充字符串的开头，使其达到指定的长度。

let str = "world";

// 在字符串开头填充 "hello "，直到长度达到 10
let paddedStr = str.padStart(10, 'hello ');
console.log(paddedStr); // 输出: "hello world"

// 如果目标长度小于字符串长度，返回原始字符串
let paddedStr2 = str.padStart(3, 'x');
console.log(paddedStr2); // 输出: "world"

// 使用不同的填充字符串
let paddedStr3 = str.padStart(11, '-=');
console.log(paddedStr3); // 输出: "-=world"

// 如果填充字符串太长，它将被截断以适应目标长度
let paddedStr4 = str.padStart(7, 'abcdefgh');
console.log(paddedStr4); // 输出: "abcdewo"

24.repeat(count)：返回重复指定次数的字符串。

let str = "abc";

// 重复字符串 3 次
let repeatedStr = str.repeat(3);
console.log(repeatedStr); // 输出: "abcabcabc"

// 重复字符串 0 次
let zeroRepeatedStr = str.repeat(0);
console.log(zeroRepeatedStr); // 输出: ""

// 重复字符串 4.5 次（结果将被截断为整数）
let floatRepeatedStr = str.repeat(4.5);
console.log(floatRepeatedStr); // 输出: "abcabcabc"

// 使用负数值将返回空字符串
let negativeRepeatedStr = str.repeat(-2);
console.log(negativeRepeatedStr); // 输出: ""

25.search(regexp)：在字符串中搜索匹配正则表达式的值。

let str = "Hello, world!";

// 使用正则表达式搜索 "world"
let index = str.search(/world/);
console.log(index); // 输出: 7

// 搜索不存在的字符串
let notFoundIndex = str.search(/goodbye/);
console.log(notFoundIndex); // 输出: -1

// 使用带有全局标志的正则表达式
let globalRegex = /o/g;
let lastIndex = str.search(globalRegex);
console.log(lastIndex); // 输出: 4（第一个 'o' 的位置）

// 搜索时忽略大小写
let caseInsensitiveRegex = /WORLD/i;
let caseInsensitiveIndex = str.search(caseInsensitiveRegex);
console.log(caseInsensitiveIndex); // 输出: 7（即使正则表达式是大写的，也能找到匹配项）

26.toLocaleLowerCase()：将字符串转换为小写，根据当前语言环境。

let str = "Hello World!";
let lowerCaseStr = str.toLocaleLowerCase();
console.log(lowerCaseStr); // 输出: "hello world!"

27.toLocaleUpperCase()：将字符串转换为大写，根据当前语言环境。

let str = "Hello, world!";
let upperCaseStr = str.toLocaleUpperCase();
console.log(upperCaseStr); // 输出"HELLO, WORLD!"

28.toString()：返回字符串的原始值。

// 数字的 toString()
let number = 123;
let numberString = number.toString();
console.log(numberString); // 输出: "123"

// 布尔值的 toString()
let boolean = true;
let booleanString = boolean.toString();
console.log(booleanString); // 输出: "true"

// 数组的 toString()
let array = [1, 2, 3, 4];
let arrayString = array.toString();
console.log(arrayString); // 输出: "1,2,3,4"

// 日期对象的 toString()
let date = new Date();
let dateString = date.toString();
console.log(dateString); // 输出类似于 "Wed Mar 23 2023 14:25:35 GMT+0800 (中国标准时间)"

// 自定义对象的 toString()
let person = {
  name: "Alice",
  age: 30
};
let personString = person.toString();
console.log(personString); // 输出: "[object Object]"

// 重写自定义对象的 toString()
person.toString = function() {
  return `Person(name: ${this.name}, age: ${this.age})`;
};

personString = person.toString();
console.log(personString); // 输出: "Person(name: Alice, age: 30)"

// 函数的 toString()
function greet(name) {
  console.log(`Hello, ${name}!`);
}

let greetString = greet.toString();
console.log(greetString); // 输出函数的源代码字符串

29.trimEnd()：去除字符串末尾的空格。

const str = "  Hello World  ";
console.log(str.trimEnd()); //输出"  Hello World"

30.trimStart()：去除字符串开头的空格。

const str = "  Hello World  ";
console.log(str.trimStart()); //输出"Hello World  "

31.valueOf()：返回字符串的原始值。

let numObj = new Number(42);
console.log(numObj.valueOf()); // 输出: 42
console.log(numObj + 1); // 输出: 43，这里隐式调用了 numObj.valueOf()

let boolObj = new Boolean(true);
console.log(boolObj.valueOf()); // 输出: true
console.log(boolObj && "Yes"); // 输出: "Yes"，这里隐式调用了 boolObj.valueOf()

let dateObj = new Date();
console.log(dateObj.valueOf()); // 输出: 当前时间的 Unix 时间戳（毫秒）
console.log(dateObj - 0); // 输出与上面相同，这里隐式调用了 dateObj.valueOf()
老四点COM
关注
  • 26
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 字符串方法
07-09
JavaScript 字符串方法
js字符串方法大全
豪哥的博客
10-21 4787
字符串操作方法 1.转换为字符串类型toString() （1）var num=110; var n=num.toString(); //"110" （2）var num=111; var n=String(num); //"111" （3）var num=112; var n="" + num; //"112" 2.字符串分割返回新的数组split() （1）var str="qingchenghuwoguoxiansheng,woaishenghuo,woaiz
js字符串方法
L_yvpeng的博客
03-07 1825
1、split()； 切割字符串 2、charAt()； 获取字符串中的某一个字符 3、substring()； 截取字符串 用法： substring(start,end)（不包括end）截取从star开始,到end之间的字符串；如果只传一个值,表示从这个位置开始,一致截取到字符串末端 4、substr(index,n) : 从index索引位置开始截取,截取n个字符；如果只传一个值,表示从这个位置开始,一致截取到字符串末端 5、join ()；拼接字符串 6、toUpperCase()； 字符
JS字符串方法和检索
weixin_44422254的博客
07-21 1万+
提取字符串的某个部分并在新字符串中返回被提取的部分。该方法设置两个参数起始索引（开始位置），终止索引（结束位置）。如果省略第二个参数，则该substr()将裁剪字符串的剩余部分。方法向后搜索（从末尾到开头），意思是如果第二个参数是。所有字符串方法都会返回新字符串。，则从位置15开始搜索，一直搜索到字符串的开头。方法不会改变调用它的字符串。它返回的是新字符串。方法不能采用强大的搜索值（正则表达式）。返回的是字符串中指定文本首次出现的位置。返回字符串中指定文本最后一次出现的位置。...
JS字符串方法详解
weixin_43765641的博客
09-21 2057
indexend：截取字符串的结束索引，但不包括结束索引的字符。length：要截取的字符数，不写就是从开始截取到最后。（2）lastIndexOf：从后向前查找，找到就返回对应的索引值，找不到就得到-1。（1）indexOf：从前向后查找，找到就返回对应的索引值，找不到就得到-1。两个参数：截取的是一个范围，包括开始的位置，不包括结束的位置。（1）将大写转化为小写：toLowerCase()（2）将小写转化为大写：toUpperCase()（2）替换所有的字符：replaceAll()
JavaScript中常用的的字符串方法总结+详解
qq_43223007的博客
05-18 2129
1. javaScript常用字符串方法 顺序 方法名 功能 1 charAt(x) 返回字符串中x字符的位置,下标从0开始 2 charCodeAt(x) 返回字符串中x位置处字符的unicode值 3 concat() 用于连接两个或多个字符串，此方法不改变现有的字符串，返回拼接后的新的字符串 4 fromCharcode() 将一组Unicode码转换为字符 5 indexOf(substr, [start]) 搜索指定字符，（搜索到返回该字符，否则返回 -1）Star
JS中字符串常用方法总结
weixin_46389390的博客
04-28 2万+
1.charAt()方法 charAt() 方法可返回字符串中指定位置的字符。 let str = "Hello"; let s = str.charAt(1); console.log(s);//e 语法：string.charAt(index) index 必需值。表示字符串中某个位置的数字，即字符在字符串中的位置。 2.concat() 方法 concat() 方法用于连接两个或多个字符串。 该方法没有改变原有字符串，但是会返回连接两个或多个字符串新字符串 let str = "Hello"; le
JS中字符串常用方法
小田是个程序员的博客欢迎你的到来呀~
03-30 2765
本篇博客是对JavaScript中常用的一些字符串方法做详细的笔记和说明，希望对大家有帮助
js中字符串的方法汇总
旧守一梦的博客
03-26 2万+
1.charAt();返回字符串的第 n 个字符，如果不在 0~str.length-1之间，则返回一个空字符 var str = "javascript"; str.charAt(2); //'v' str.charAt(12); //'' 2.charCodeAt();方法 ：返回索引对应的字符串的ASCII码 charCodeAt(index) 如果 index 是负数，或大于等于字符串的长度，则 charCodeAt() 返回 NaN。 我们将返回位置 1 的字符的 Unicode 编码： va
js中字符串的常用方法
代码DJ的博客
01-22 4787
目录 一、普通方法 1.字符方法（索引和字符的互相返回）str.charAt(index); str.charCodeAt(index); String.fromCharCode(num1,num2,...,numN); 2.拼接字符串 concat方法（对原字符串无影响） 3.截取字符串 slice方法、substring方法、substr方法： 4.字符串位置方法（查） str.indexOf(searchString,startIndex); str.lastIndexOf(...
js 字符串截取方法汇总
热门推荐
weixin_42499566的博客
12-15 7万+
一、使用 slice() 截取 1，函数说明 slice()方法可通过指定的开始和结束位置，提取字符串的某个部分，并以新的字符串返回被提取的部分。 语法如下： string.slice(start, end);start（必需）：规定从何处开始选取。如果是负数，那么它规定从字符串尾部开始算起的位置。也就是说，-1指最后一个字符，-2指倒数第二个字符，以此类推。参数说明： end（可选）：规定从何处结束选取，即结束处的字符下标。如果没有指定该参数，那么截取的字符串包含从start到结束的所...
Javascript中字符串相关常用的使用方法总结
11-09
本文主要针对Javascript中字符串相关常用的使用方法进行了总结
javascript字符串方法
02-25
本人自己写的一些js基础东西
JS判断字符串包含的方法
10-24
主要介绍了JS判断字符串包含的方法,可有效的检测字符串中是否包含固定字符或子字符串,涉及javascript中indexOf的使用技巧,非常简单实用,需要的朋友可以参考下
VUE 截取字符串的方法
07-30
适合刚刚进入(JavaScript，Vue)编程领域的小白使用
React Suspense与Concurrent Mode：异步渲染的未来
最新发布
天涯学馆
05-20 581
React的Suspense和Concurrent Mode是React 16.8及更高版本引入的概念，旨在提升用户体验和性能，特别是在处理异步数据加载和动画时。它们是React的下一代渲染策略的一部分，目的是实现更流畅的交互和更高效的资源调度。
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 185
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 223
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
Vue.js的发展史（一）
2301_79683791的博客
05-15 749
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
js 字符串方法 contains
09-14
JavaScript中没有字符串方法叫做 `contains`。但是你可以使用 `includes` 方法来判断一个字符串是否包含另一个子字符串。下面是使用 `includes` 方法的示例： ```javascript const str = 'Hello, world!'; console...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值