JavaScript中字符串运算符是什么?有哪些?
时间:2022-07-23
本文章向大家介绍JavaScript中字符串运算符是什么?有哪些?,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
字符串运算符是用于两个字符串型数据之间的运算符,它的作用是将两个字符串连接起来。
在JavaScript中,使用 +
和 +=
这两个运算符对字符串进行连接运算,前者用于连接两个字符串,后者则连接两个字符串,并将结果赋给第一个字符串。
示例:
+
号运算符用于连接字符串
<p id="add">+ 号运算符用于连接字符串</p>
<button onclick="string()">clickMe</button>
<script>
function string() {
var str1 = "Welcome ";
var str2 = "to ";
var str3 = "xkd!"
var strs = str1 + str2 + str3;
document.getElementById("add").innerHTML = strs;
}
</script>
+=
连接两个字符串,并将结果赋给第一个字符串
<p id="equal">+= 号运算符用于连接字符串并赋给第一个值</p>
<button onclick="string2()">clickMe2</button>
<script>
function string2() {
var str2_1 = "New ";
var str2_2 = "version";
str2_1 += str2_2;
document.getElementById("equal").innerHTML = str2_1;
}
</script>
- 快速入门系列--MVC--02路由
- Javascript生成GUID
- 快速入门系列--MVC--04模型
- 快速入门系列--MVC--03控制器和IOC应用
- ExtJs学习笔记(3)_GridPanel[XML做数据源]
- 快速入门系列--MVC--05行为
- Linux Rsync备份服务介绍及部署守护进程模式
- 企业级Tomcat安全管理优化方案
- “妈妈”域名Mommy.com66万高价易主 现已建站
- 脸书Messenger已中招,新的加密货币挖矿病毒出现!
- Linux中MySQL配置文件my.cnf参数优化
- 干货,比较全面的c#.net公共帮助类(Common.Utility)
- Linux中如何恢复rm命令误删除的文件之extundelete编译安装及使用
- JDK1.7 安装加(一劳永逸的环境配置)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 指针传参解惑(3)
- 学以致用设计模式 之 “组合模式”
- 学以致用C++设计模式 之 “观察者模式”
- 学以致用C++设计模式 之 “门面模式“
- 学以致用C++设计模式 之 “状态模式”
- 学以致用设计模式 之 “享元模式”
- 程序员必备数据结构:堆
- 程序员必备数据结构:栈
- 【C++ STL】停下你到处找 hash_map 使用教程的手,看我的就好了
- 【C++】同样是讲解逆波兰式,为何这篇就图文并茂,通俗易懂呢?
- 学以致用C++设计模式 “建造者模式”
- 你会不会处理多线程中的对象管理?
- 操作系统入门(二)进程
- Prometheus监控神器-服务发现篇(一)
- 给女同事讲解MySQL数据库设计范式与反范式,她夸我“技术好”