8 个很棒的 JavaScript 字符串操作技巧

更新日期: 2023-11-28阅读: 552标签: 字符串

前言

处理JavaScript字符串时,有许多有趣的技术可以提高编码效率。本文将介绍一些JavaScript关于字符串的技巧,让你更加熟练的进行字符串操作。我们开始吧!


1. 字符串填充

有时,您可能需要确保字符串达到特定长度。这时候就可以使用padStartandpadEnd方法了。这两个方法用于在字符串的开头和结尾填充指定的字符,直到字符串达到指定的长度。

// Use the padStart method to pad "0" characters at the beginning of the string until the length is 8
const binary = '101'.padStart(8, '0');
console.log(binary); // "00000101"

// Use the padEnd method to pad "*" characters at the end of the string until the length is 10
const str = "Hello".padEnd(11, " *");
console.log(str); // "Hello * * *"


2. 字符串反转

反转字符串中的字符是一种常见的需求,可以使用扩展运算符...、reverse方法和方法来实现此目标。

// Reverse the characters in the string, using the spread operator, reverse method and join method
const str = "developer";
const reversedStr = [...str].reverse().join("");
console.log(reversedStr); // "repoleved"


3.第一个字母大写

要使字符串的第一个字母大写,可以使用多种方法,例如toUpperCaseandslice方法,或者使用字符数组。

// To capitalize the first letter, use toUpperCase and slice methods
let city = 'paris';
city = city[0].toUpperCase() + city.slice(1);
console.log(city); // "Paris"


4.字符串数组分割

如果需要将字符串拆分为字符数组,可以使用扩展运算符 ....

// Split the string into a character array using the spread operator
const str = 'JavaScript';
const characters = [...str];
console.log(characters); // ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t"]


5. 使用多个分隔符分割字符串

除了常规字符串拆分之外,您还可以使用正则表达式按多个不同的分隔符拆分字符串。

// Split string on multiple delimiters using regular expressions and split method
const str = "java,css;javascript";
const data = str.split(/[,;]/);
console.log(data); // ["java", "css", "javascript"]


6. 检查字符串是否包含

您可以使用 include 方法来检查字符串中是否包含特定序列,而无需使用正则表达式。

// Use the includes method to check if a string contains a specific sequence
const str = "javascript is fun";
console.log(str.includes("javascript")); // true


7. 检查字符串的开头或结尾是否有特定序列

如果需要检查字符串是否以特定序列开始或结束,可以使用startsWith 和endsWith 方法。

// Use startsWith and endsWith methods to check if a string starts or ends with a specific sequence
const str = "Hello, world!";
console.log(str.startsWith("Hello")); // true
console.log(str.endsWith("world")); // false


8. 字符串替换

要替换字符串中所有出现的特定子字符串,您可以使用正则表达式方法与全局标志的替换,或使用新的replaceAll方法(注意:并非所有浏览器和Node.js版本都支持)。

// Use the replace method combined with a regular expression with global flags to replace all occurrences of a string.
const str = "I love JavaScript, JavaScript is amazing!";
console.log(str.replace(/JavaScript/g, "Node.js")); // "I love Node.js, Node.js is amazing!"
英文原文:https://javascript.plainenglish.io/8-awesome-javascript-string-manipulation-tips-ad571000d172

链接: https://fly63.com/article/detial/12580

字符串拼接引发的BUG

我们先温习一下JavaScript基础知识。在JavaScript中,根据+左右两边变量的类型的不同,+符号可以用于数字相加或则字符串拼接。我用了string += +string这样的写法,也就是说:由于写代码的时候拷贝黏贴,不小心整了一个多余的+号?

原生js去掉字符串2端空格Trim()方法总汇

在我们使用JavaScript编写脚本的时候,经常会遇到把字符串两边的空格进行清除,它不想其它语言会有内置方法函数处理,js需要我们自己代码来实现。如果用过jquery库的话,它提供了trim方法,我们可以直接使用。

js中String.prototype实现string过滤空格_字符串空格过滤

我们都知道prototype可以向对象上添加属性和方法,语法如下:object.prototype.name=value。这篇文章就是利用prototype,为字符串扩展过滤空格的方法

字符串的格式化功能的实现_js实现连接字符串及变量

在开发中过程中,经常会遇到使用占位符的形式来格式化字符串,我们通过js扩展String.prototype.format字符串拼接的功能,实现如下:

es6中新增的字符串方法

es6中新增的字符串方法:字符串模板用法${变量名}、字符串查找方法string.includes(要找得字符串)、检查字符串是否已xxx开头、字符串重复方法string.repeat(次数)、字符串填充string.padStart

js中字符串截取的几种方式

众所周知,js提供了很多字符串截取的方式。下面主要介绍js中slice(),splice(),split(),substring(),substr()的使用和区别,主要介绍了JavaScript截取、切割字符串的技巧,需要的朋友可以参考

JavaScript:生成重复的字符串(字符串乘法)

看到一个题目要求写一个函数times,输出str重复num次的字符串。除了利用循环还有几种方法:递归,结合三元表达式更简洁。数组的 join() 方法。ES6的 repeat() 方法。ES6目前没有全部兼容。

常用的String原型

对于常用的字符串原型的举例:在字符串末尾追加字符串 、删除指定索引位置的字符,索引无效将不删除任何字符 、删除指定索引区间的字符串 、检查字符串是否以subStr结尾

使用String. localeCompare比较字符串

javascript提供stringA.localeCompare(stringB)方法,来判断一个字符串stringB是否排在stringA的前面。返回值: 如果引用字符存在于比较字符之前则为负数; 如果引用字符存在于比较字符之后则为正数; 相等的时候返回 0 。

js里面判断一个字符串是否包含某个子串的方法

ES6的includes, 返回 Boolean、ES5 indexOf,返回子串起始位置,不包含则返回-1、search,返回起始位置或者-1、lodash includes, JavaScript 工具库

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!