js 字符串拼接的4种方法
一、使用连接符 + 把想要连接的字符串串起来
let shy = '帅哥'
let a = '我是' + shy
console.log(a) // 我是帅哥
二、模板字符串
模板字符串(template string)是增强版的字符串,用反引号(`)标识,特点:
1) 字符串中可以出现换行符
2) 可以使用 ${xxx} 形式输出变量
1. 最基础的变量拼接
// 变量拼接
let shy = '帅哥'
let a = `我是${shy}`
console.log(a) // 我是帅哥
2. 在模版字符串中使用htnl代码以及多行文本代码
// html代码以及换行文本
let hi=`<div><h2>你好呀!</h2>
</div>`
console.log(hi) // 原样输出,包括换行
3. 插入一个表达式
// 插入表达式
let x=30;
let y=10;
let a=`x-y=${x-y}`
console.log(a) // 输出表达式计算结果
4. 在模版字符串里面调用函数表达式
let food=function(){return "苹果"
}
let a=`我喜欢吃${food()}`;
console.log(a)
三、使用 js的 concat() 方法连接字符串或数组
concat() 方法用于连接两个或多个数组或者字符串。
该方法不会改变现有的数组,而仅仅会返回被连接的新数组。
字符串就会拼接在一起
// 拼接数组
let a = ['java']
let b = ['script']let str = a.concat(b)console.log(a)
console.log(b)
console.log(str) // ["java", "script"]
// 拼接字符串
let a = 'java'
let b = 'script'let str = a.concat(b)console.log(a)
console.log(b)
console.log(str) // javascript
四、使用 js的 join() 方法,把数组中的所有元素放入一个字符串
join() 方法把数组中的所有元素放入一个字符串:
join()——默认每个元素中之间是逗号隔开
join("-")——每个元素之间以- 隔开,分隔符可自定义
var arr=[1,2,3];
var str=arr.join();// 默认是逗号,也可以自定义连接符
var str2=arr.join('-');// 自定义连接符-
var str3=arr.join('.');// 自定义连接符-
console.log(arr); // [1,2,3]
console.log(str); // 1,2,3
console.log(str2); // 1-2-3
console.log(str3); // 1.2.3
参考资料: 1、 https://blog.csdn.net/chenjunxing1992/article/details/125514168?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-1-125514168-blog-128062139.235^v35^pc_relevant_increate_t0_download_v2&spm=1001.2101.3001.4242.2&utm_relevant_index=4
2、 js 字符串拼接的几种方法_sunhongyu007的博客-CSDN博客
3、 常用的数组Api(方法)_lse717的博客-CSDN博客
js 字符串拼接的4种方法相关推荐
- js 字符串拼接的几种方法
一.使用连接符 + 把想要连接的字符串串起来 let shy = '帅哥' let a = '我是' + shy console.log(a) // 我是帅哥 二.数组api join拼接 let a ...
- Java字符串拼接的五种方法,哪种性能最好?
作者 | 老坛酸菜WH 来源 | https://www.cnblogs.com/twzheng/p/5923642.html > 字符串拼接一般使用"+",但是" ...
- python 字符串拼接_Python字符串拼接的6种方法(转)
add by zhj: 对于多行字符串连接,第6种连接方法很方便,连接时不会添加额外的空格. 1. 加号 第一种,有编程经验的人,估计都知道很多语言里面是用加号连接两个字符串,Python里面也是如此 ...
- 【Java】Java字符串拼接的五种方法,哪种性能最好?
字符串拼接一般使用"+",但是"+"不能满足大批量数据的处理,Java中有以下五种方法处理字符串拼接,各有优缺点,程序开发应选择合适的方法实现. 加号 &quo ...
- JS字符串拼接的几种方式
在 JavaScript 中,使用字符串连接有 几 种方式:连接符(+).反引号(`).join().concat(). 一.使用连接符 "+" 把要连接的字符串连起来 let a ...
- 关于字符串拼接的几种方法
字符串拼接方式 1.String中的 + 一,使用+拼接字符串在Java中,拼接字符串最简单的方式就是直接使用符号+来拼接.如:String s1 = "hello";String ...
- 【C语言学习笔记】字符串拼接的3种方法 .
昨天晚上和@buptpatriot讨论函数返回指针(malloc生成的)的问题,提到字符串拼接,做个总结. [cpp] view plaincopyprint? #include<stdio.h ...
- C语言学习笔记之字符串拼接的2种方法
1. 使用strcat进行字符串拼接 #include <stdio.h> #include <stdlib.h> #include <string.h>int m ...
- js查找html里面的字符串,JS字符串查找(6种方法)
在开发中经常需要检索字符串.查找特定字符串.用户可以选用下面的方法执行对应的操作,说明如表所示. String 类型的查找字符串方法 字符串方法 说明 charAt() 返回字符串中的第 n 个字符 ...
最新文章
- wpf 多线程处理同步数据_一文带你理解多线程的实际意义和优势
- 团队项目第一次冲刺第三天
- Android FFmpeg移植总攻略——获取视频帧数(亲测可用)
- 第一次scrapy爬虫记录
- 44response对象
- 判断 iframe 是否加载完成的完美方法(转)
- 利用云计算打造政务信息化及应急指挥云平台
- LINUX smb共享
- 自己的php网站没有referer,缺少php – $_SERVER [‘HTTP_REFERER’]
- 索引、视图和同义词、序列
- Atitit IT办公场所以及度假村以及网点以及租房点建设之道 attilax总结
- Linux Shell 实现网页爬虫
- 解决数据库左右连接,查询不出为空的解决方案
- 初探Freebase和Wikidata的转换
- 免费采集器-网页数据采集器
- python词语匹配相似度_python文本相似度计算
- 一度智信:新开的电商店铺销量低?如何快速提升
- 前端报表导出成word文档(含echarts图表)
- 超级文件分割《合并》机(分割大文件)
- HTML CSS 基础 面试题
热门文章
- HTTP协议漫谈 C#实现图(Graph) C#实现二叉查找树 浅谈进程同步和互斥的概念 C#实现平衡多路查找树(B树)...
- 银联将启用双免交易白名单核验功能 移机或无法定位的POS要关停
- 提高编程思维的python代码
- 关于区块链路由器的看法
- 新企业文化—重获工作场所的活力 学习笔记一 简单的介绍
- 2020年计算机专项技能鉴定考试---四川省长宁县职业技术学校
- 来看看别人都私藏了哪些“小网站”!
- 《我看不懂但我大受震撼》李安表情包
- hsql数据库使用详解(入门)及快速使用
- ubuntu下安装显卡驱动