用于连接和替换的JavaScript字符串方法gydF4y2Ba

欢迎阅读关于JavaScript字符串方法的系列文章的第三篇，也是最后一篇。的gydF4y2Ba搜索字符串的JavaScript方法gydF4y2Ba教程提供了JavaScript (JS)处理字符串的方法的完整列表，以及JavaScript的8个字符串搜索方法的详细解释。在上一篇文章中，我们介绍了修剪、填充和提取字符串的方法。本文将介绍如何连接字符串、替换字符串的一部分、更改字符串的大小写等等!gydF4y2Ba

你可以在这里查看本系列的前两部分:gydF4y2Ba

• 搜索字符串的JavaScript方法gydF4y2Ba
• 用于修剪、填充和提取字符串的JavaScript方法gydF4y2Ba

如何在JavaScript中连接字符串gydF4y2Ba

连接是将一个字符串附加到另一个字符串的末尾的过程。您可能已经熟悉了gydF4y2Ba+gydF4y2Ba字符串连接操作符。区别在于gydF4y2Baconcat ()gydF4y2Ba将其论点直接强加于gydF4y2Ba字符串gydF4y2Ba对象,而gydF4y2Ba+gydF4y2Ba首先将其操作数强制为原语。gydF4y2Ba

JavaScript中的concat()语法gydF4y2Ba

字符串。Concat (str1)字符串。Concat (str1, str2)字符串。Concat (str1, str2， /*…， */ strN)gydF4y2Ba

JavaScript中的concat()示例gydF4y2Ba

const greeting = "Hi ";//输出"Hi Rob. "祝你玩得愉快!"gydF4y2Ba抢劫”、“。祝你玩得愉快。”));const greetList =[“抢劫”,“和”,“乔治”、“!”);//输出"Hi Rob and George!" console.log(greeting.concat(..gydF4y2Ba.greetList));//类型转换""。concat ({});// "[object对象]" ""。concat ([]);// "" ""。concat(空);// "null" "" "。concat(真正的);// "true" "" "。Concat (6,7);/ /“67”gydF4y2Ba

如何在JavaScript中替换文本gydF4y2Ba

要替换JavaScript字符串中的文本，web开发人员有两个选择gydF4y2Ba替换()gydF4y2Ba而且gydF4y2BareplaceAll ()gydF4y2Ba方法。这两种方法都在字符串中搜索特定的字符串或正则表达式。的gydF4y2Ba替换()gydF4y2Ba方法将第一个匹配项替换为指定的值，并将其作为新字符串返回。与此同时，顾名思义，gydF4y2BareplaceAll ()gydF4y2Ba替换所有匹配项。gydF4y2Ba

replace()和replaceAll()的语法gydF4y2Ba

字符串。替换(图案，替换)字符串。replaceAll(模式、更换)gydF4y2Ba

replace()和replaceAll()示例gydF4y2Ba

实际上，这两种方法实际上是相同的，因为gydF4y2BareplaceAll ()gydF4y2Ba不会取代gydF4y2Ba所有gydF4y2Ba匹配，除非你使用gydF4y2Ba正则表达式gydF4y2Ba模式，并包含gydF4y2BaggydF4y2Ba国旗。如下面的例子所示，这样做与gydF4y2Ba替换()gydF4y2Ba会产生同样的结果!gydF4y2Ba

let str = '我在摇滚学校学习，也在生活学校学习!';//使用精确的字符串模式console.log(str.replace('gydF4y2Ba学校”、“研究所”));// console.log(str.replace(/ .log)gydF4y2Ba学校/我,“学院”));//替换所有出现的console.log(str.replace(/ .loggydF4y2Ba学校/搞笑,“学院”));//使用replaceAll()替换所有出现gydF4y2Ba学校/搞笑,“学院”));//抛出TypeError，因为使用replaceALL()时需要g标志gydF4y2Ba学校/我,“学院”));gydF4y2Ba

请注意,gydF4y2BareplaceAll ()gydF4y2Ba是ES2021的特性，不支持ie浏览器。gydF4y2Ba

读:gydF4y2Ba学习JavaScript的最佳在线课程gydF4y2Ba

如何在JavaScript中改变大小写gydF4y2Ba

方法将字符串转换为大写和小写gydF4y2BatoUpperCase ()gydF4y2Ba而且gydF4y2BatoLowerCase ()gydF4y2Ba方法,分别。gydF4y2Ba

toLowerCase()和toUpperCase()的语法gydF4y2Ba

这两种方法都不接受参数，所以使用起来非常简单:gydF4y2Ba

string.toLowerCase string.toUpperCase () ()gydF4y2Ba

toLowerCase()和toUpperCase()示例gydF4y2Ba

const句子= '罗伯特喜欢在油腻勺餐厅吃饭。';//输出:"robert likes to eat at the fatty spoon diner."gydF4y2BatoLowerCase ());//输出:"ROBERT like TO EAT AT THE grease SPOON DINER." console.log(句子。gydF4y2BatoUpperCase ());gydF4y2Ba

使用JavaScript中的字符和UnicodegydF4y2Ba

JavaScript字符串基于Unicode，每个字符由1-4字节的字节序列表示。因此，JavaScript提供了许多处理单个字符的方法gydF4y2Ba而且gydF4y2Ba字节。gydF4y2Ba

下面是JavaScript处理字符和Unicode方法的概述:gydF4y2Ba

• charAt ()gydF4y2Ba:返回字符串中指定索引处的字符gydF4y2Ba
• charCodeAt ()gydF4y2Ba:返回给定索引处字符的UnicodegydF4y2Ba
• fromCharCode ()gydF4y2Ba:从给定的UTF-16代码单元返回一个字符串gydF4y2Ba
• codePointAt ()gydF4y2Ba:返回给定索引的Unicode点值gydF4y2Ba
• fromCodePoint ()gydF4y2Ba:返回使用给定代码点的字符串gydF4y2Ba

JavaScript Unicode方法的语法gydF4y2Ba

string.charAt(index) string.charCodeAt(index) string.codePointAt(index) String.fromCharCode(n1, n2，…String.fromCodePoint(n1, n2，…nX)gydF4y2Ba

charAt ()gydF4y2Ba，gydF4y2BacharCodeAt ()gydF4y2Ba,gydF4y2BacodePointAt ()gydF4y2Ba都接受之间的整数gydF4y2Ba0gydF4y2Ba弦的长度减去gydF4y2Ba1gydF4y2Ba．如果索引不能转换为整数或没有提供索引，则默认值为gydF4y2Ba0gydF4y2Ba返回字符串的第一个字符。gydF4y2Ba

的gydF4y2BafromCharCode ()gydF4y2Ba而且gydF4y2BafromCodePoint ()gydF4y2Ba方法都是静态的;gydF4y2BafromCharCode ()gydF4y2Ba接受Unicode码位序列，而gydF4y2BafromCodePoint ()gydF4y2Ba接受一个或多个要转换的Unicode值。gydF4y2Ba

Unicode方法示例gydF4y2Ba

const str = "窗外有条开阔的路";// charAt() ******************************gydF4y2Ba***************** // 没有提供索引,使用0作为默认console.log (str.charAt ());// O //显式地提供0作为索引console.log(str.charAt(0));// O console.log(str.charAt(3));// s console.log(str.charAt(999));/ / " " / / charCodeAt () ******************************gydF4y2Ba************* //没有提供索引，使用0作为默认的console.log(str.charCodeAt());// 79 //显式地提供0作为索引console.log(str.charCodeAt(0))gydF4y2Ba；// 79 console.log(str.charCodeAt(3))gydF4y2Ba；// 115 console.log(str.charCodeAt(gydF4y2Ba999));/ /南/ / codePointAt () ******************************gydF4y2Ba************* " 美国广播公司“.codePointAt (0);// 65 "ABC".codePointAt(0).toString(gydF4y2Ba16);// 41 "".codePointAt(0);// 128525 "\ud83d\ude0d".codePointAt(0);// 128525 "\ud83d\ude0d". codepointat(0)。gydF4y2BatoString (16);// 1f60d "".codePointAt(1);// 56845 "\ud83d\ude0d".codePointAt(1);// 56845 "\ud83d\ude0d". codepointat(1)。gydF4y2BatoString (16);// de0d "ABC".codePointAt(40);/ /定义/ / fromCharCode () ******************************gydF4y2Ba************ // 输出“½+¾= " console.log(字符串。gydF4y2BafromCharCode(189, 43,190, 61));// fromCodePoint() ******************************gydF4y2Ba*********** //输出"☃★♲" console.log(字符串。gydF4y2BafromCodePoint(9731, 9733, 9842, 0x2F804));gydF4y2Ba

读:gydF4y2BaWeb开发人员的顶级协作工具gydF4y2Ba

JavaScript中的其他字符串方法gydF4y2Ba

有两个String方法不属于上述任何类别。他们是gydF4y2BalocaleCompare ()gydF4y2Ba，它比较当前地区的两个字符串，以及gydF4y2Ba重复()gydF4y2Ba，它通过重复给定的次数返回一个字符串。让我们分别来看看。gydF4y2Ba

localeCompare()语法gydF4y2Ba

localeCompare(compareString, locales, options)gydF4y2Ba

在上述三个输入参数中，只有gydF4y2BacompareStringgydF4y2Ba是必需的。gydF4y2Ba

区域设置应该是带有BCP 47语言标记的字符串或字符串数组。gydF4y2Ba

选项是一个调整输出格式的对象。gydF4y2Ba

localeCompare()的例子gydF4y2Ba

//字母“a”在“c”之前，结果是负数“a”。localecompare(“c”);// -2或-1(或其他一些负值)//按字母顺序，“check”跟在“against”后面，结果是正值“check”。localecompare ("gydF4y2Ba反对“);// 2或1(或其他正值)// "a"和"a"是等价的，结果是中性值为零"a".localeCompare("a");// 0 console.log("ä".localeCompare(gydF4y2Ba“z”、“德”));//一个负值:在德语中，ä在z console.log("ä".localeCompare(gydF4y2Ba“z”、“sv”));//在瑞典语中，ä排序在z之后//在德语中，ä有一个作为基本字母的console.log("ä".localeCompare(gydF4y2Ba"a"， "de"，{灵敏度:"base"}));// 0 //在瑞典语中，ä和a是分开的基本字母console.log("ä".localeCompare(gydF4y2Ba"a"， "sv"，{灵敏度:"base"}));//一个正的值gydF4y2Ba

重复()语法gydF4y2Ba

的gydF4y2Ba重复()gydF4y2Ba方法的一个输入参数是的整数gydF4y2Ba0gydF4y2Ba或以上，表示重复字符串的次数。传入一个负数会导致RangeError。gydF4y2Ba

重复(计数)gydF4y2Ba

repeat()方法示例gydF4y2Ba

“abc”.repeat (1);// RangeError "abc".repeat(0);// "abc".repeat(1);// 'abc' "abc".repeat(2);// 'abcabc' "abc".repeat(3.5);// 'abcabcabc'(计数将被转换为整数)“abc”。重复(1 / 0);/ / RangeErrorgydF4y2Ba

你会发现gydF4y2Ba演示gydF4y2Bacodepend .io上今天的方法。gydF4y2Ba

关于JavaScript字符串方法的连接和替换的最后想法gydF4y2Ba

在我们的JavaScript字符串方法系列的第三个也是最后一个web开发教程中，我们学习了如何连接字符串，替换字符串的一部分，改变它的大小写，以及更多的东西。除非另有说明，今天介绍的所有方法都应该适用于所有现代浏览器。gydF4y2Ba

阅读更多gydF4y2Baweb开发和JavaScript编程教程gydF4y2Ba．gydF4y2Ba