在 JavaScript 中构建字符串
本文将通过不同的代码示例讨论使用连接运算符和 JavaScript 中的一些内置方法生成或构建字符串。
在 JavaScript 中构建字符串
要在 JavaScript 中构建一个字符串,我们可以说,如果我们需要组合字符串的一小部分(如单词)来组成一个完整的句子,我们必须要求附加所有给定的部分并生成一个新的结果字符串。
这是我们需要的理想解决方案:
a = "fql"
b = "jiyik"
result = "fqljiyik"
在 JavaScript 中,我们可以使用自定义逻辑(例如简单的字符串连接)或使用默认方法来完成此任务。
在 JavaScript 中使用 + 和 concat() 构建字符串
在 JavaScript 中,我们有一个运算符 +。 在整数之间使用此运算符将创建一个加法,但如果我们将其与字符串值一起使用,它将连接并连接字符串。
我们还有一个默认的字符串方法 concat()
来连接字符串。 我们必须在该方法中将逗号分隔的字符串值作为参数传递。
concat()
方法不会改变原始字符串。 它将返回一个新字符串。
语法(使用 +
运算符):
let finalResult = stringA + stringB
语法(使用 concat()
方法):
let finalResult = myString.concate(stringA,stringB)
示例代码:
let first = "fql";
let second = "jiyik";
let result1 = first + second ; // it will combine "fqljiyik" together and create single string
console.log("concatenation using + operator : "+result1)
first = "hello";
let result2 = first.concat(" ","fql","jiyik"); // it will combine "hello fqljiyik" together and create single string
console.log("concatenation using concat() method : "+result2)
输出:
"concatenation using `+` operator : fqljiyik"
"concatenation using `concat()` method : hello fqljiyik"
示例代码解释:
- 我们在上面的 JavaScript 源代码中的赋值变量中创建了一个字符串。
- 然后,我们创建了 result1 变量并使用 + 运算符分配连接的字符串。
-
我们使用
console.log()
打印结果。 - 我们用 hello 重新初始化了字符串变量。
-
使用该变量,我们调用了
concat()
方法并将逗号分隔的字符串值作为参数传递。 -
然后我们再次使用
console.log()
打印结果。
在 JavaScript 中使用 push() 和 join() 构建字符串
在 JavaScript 中,我们有一个数组的默认 push() 方法来插入一个元素数组。 数组的 join() 方法生成所有数组元素都带有逗号的字符串。
我们可以使用这两种方法来构建字符串。
句法:
array.push("stringA","stringB")
let finalResult = array.join()
示例代码:
let array = [];
array.push("hello","fql","jiyik"); //inserting string into arrays
let result = array.join();
console.log("Using default method push and join : "+result)
输出:
"Using default method push and join : hello,fql,jiyik"
示例代码解释:
- 同样,我们在上面的 JavaScript 源代码中创建了一个数组变量。
-
然后,我们使用
push()
方法将字符串元素推送到数组中。 -
我们使用
join()
方法从数组创建字符串。 -
最后,我们使用
console.log()
打印结果。
相关文章
如何在 JavaScript 中压缩字符串
发布时间:2023/06/04 浏览次数:175 分类:JavaScript
-
在 JavaScript 中,可以有范围很广的压缩,比如 gzip 之类的文件压缩等等。 在这里,我们将讨论两种压缩字符串的方法。在 JavaScript 中使用 js-string-compression 压缩字符串
JavaScript 中的Anagram查找器
发布时间:2023/06/04 浏览次数:61 分类:JavaScript
-
在本文中,我们将学习 JavaScript 中 anagram 的概念。 我们将学习如何检查一个字符串是否是 JavaScript 中另一个字符串的变位词。
JavaScript String.concat() 方法
发布时间:2023/06/04 浏览次数:112 分类:JavaScript
-
javaScript String concat() 是一个内置函数,它将字符串连接在一起并返回连接后的字符串。使用 JavaScript String concat() 方法连接两个字符串
JavaScript 中的左修剪字符串
发布时间:2023/06/04 浏览次数:80 分类:JavaScript
-
使用正则表达式和 replace() 函数在 JavaScript 中左修剪字符串。在 JavaScript 中使用带有 substring() 函数的 while 循环来左修剪字符串
在 JavaScript 中过滤字符串
发布时间:2023/06/04 浏览次数:53 分类:JavaScript
-
在这里,我们将演示使用具有基本箭头操作和特定条件的 filter() 方法。 此外,我们将看到使用 indexOf()、test() 和 include() 方法来获取满足给定模式的字符串。使用带箭头函数的 filter() 方法在
JavaScript string.includes() 方法
发布时间:2023/06/04 浏览次数:139 分类:JavaScript
-
JavaScript string.includes() 方法查看一个字符串以检查它是否存在,并根据给定的字符串返回一个布尔值。
在 JavaScript 中循环遍历字典
发布时间:2023/06/03 浏览次数:105 分类:JavaScript
-
本篇文章将介绍如何在 JavaScript 中迭代对象或字典来提取键值对。使用 Object.entries() 在 JavaScript 中循环遍历字典 我们可以使用 Object.entries() 方法返回给定对象的 [key, value] 对字符串键可枚举属性
在 JavaScript 中提取元素的第一个子元素
发布时间:2023/06/03 浏览次数:91 分类:JavaScript
-
在本篇文章中,我们将学习在 JavaScript 中提取元素的第一个子元素。使用 Node.firstChild 在 JavaScript 中提取元素的第一个子元素
在 JavaScript 中创建自定义警告框
发布时间:2023/06/03 浏览次数:64 分类:JavaScript
-
本文将介绍如何使用 jQuery UI、SweetAlert2 和自定义警报功能在 JavaScript 中创建自定义警报框。使用 jQuery UI 创建自定义警告框 我们可以使用 jQuery UI 来模仿 JavaScript 本机 alert() 函数的功能。