运算符 = 用于给 JavaScript 变量赋值。

算术运算符 + 用于把值加起来

实例

指定变量值，并将值相加：

y=5;
z=2;
x=y+z;

在以上语句执行后，x 的值是：7

1.JavaScript 算术运算符

2.JavaScript 赋值运算符

赋值运算符用于给 JavaScript 变量赋值。

3.用于字符串的 + 运算符

+ 运算符用于把文本值或字符串变量加起来（连接起来）。

如需把两个或多个字符串变量连接起来，请使用 + 运算符。

实例1：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>Yubaba</title>

 </head>

 <body>

 <p>点击按钮创建及增加字符串变量。</p>

 <button onclick="myFunction()">点击这里</button>

 <p id="demo"></p>

 <script>

 function myFunction()

 {

     txt1="What a very";

     txt2="nice day";

     txt3=txt1+txt2;

     document.getElementById("demo").innerHTML=txt3;

 }

 </script>

 </body>

 </html>

运行结果：

可以看到txt1和txt2拼接到一块了。

实例2：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>Yubaba</title>

 </head>

 <body>

 <p>点击按钮创建及增加字符串变量。</p>

 <button onclick="myFunction()">点击这里</button>

 <p id="demo"></p>

 <script>

 function myFunction()

 {

     txt1="What a very";

     txt2="nice day";

     txt3=txt1+" "+txt2;//插入空格

     document.getElementById("demo").innerHTML=txt3;

 }

 </script>

 </body>

 </html>

运行结果：

4.对字符串和数字进行加法运算

两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串，如下实例：

实例：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>Yubaba</title>

 </head>

 <body>

 <p>点击按钮创建及增加字符串变量。</p>

 <button onclick="myFunction()">点击这里</button>

 <p id="demo"></p>

 <script>

 function myFunction()

 {

     var x=5+5;//结果是10

     var y="5"+5;//结果是55

     var z="Hello"+5;//结果是Hello5

     var demoP=document.getElementById("demo");

     demoP.innerHTML=x + "<br>" + y + "<br>" + z;

 }

 </script>

 </body>

 </html>

注意：数字和布尔值相加，布尔值 false 转成 0，true 转成 1

var one=13;

var two=true;

var three=one+two;

// 结果 three:14

13JavaScript运算符的更多相关文章

  1. shell运算符

    原生bash不支持简单的数学运算,但是可以通过其他命令来实现,例如 awk 和 expr,expr 最常用. expr 是一款表达式计算工具,使用它能完成表达式的求值操作. #!/bin/bash v ...

  2. SQL Server-聚焦APPLY运算符（二十七）

    前言 其实有些新的特性在SQL Server早就已经出现过,但是若非系统的去学习数据库你会发现在实际项目中别人的SQL其实是比较复杂的,其实利用新的SQL Server语法会更加方便和简洁,从本节开始 ...

  3. java中的移位运算符：<<,>>,>>>总结

    java中有三种移位运算符 <<      :     左移运算符,num << 1,相当于num乘以2 >>      :     右移运算符,num >& ...

  4. 我的MYSQL学习心得（五） 运算符

    我的MYSQL学习心得(五) 运算符 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据 ...

  5. .NET 基础 一步步 一幕幕[运算符、占位符、转义符]

      运算符.占位符.转义符 好吧,在五局全胜之后,终于升到了三个钻,距离一个星星还有一大段距离,忽然想起来今天的博客还没写,果断坑队友,来写博客了....感觉以后还是每天更新一篇比较好.要不晚上就该熬 ...

  6. ECMASCript2015 提案 stage-3的对象展开运算符

    看源码时看到如下的代码 export default { //通过mapActions将actions映射到methods里 methods: { ...mapActions([ 'updateSta ...

  7. JavaScript权威设计--JavaScript表达式与运算符,语句(简要学习笔记六)

    1.delete是一元操作符,用来删除对象属性或者元素. var a={ x:1, y:2 } delete a.x; //删除x属性 “x”in a //false:a对象中已经不存在x属性 ale ...

  8. JavaScript权威设计--JavaScript表达式与运算符(简要学习笔记五)

    1.3种原始表达式     1.直接量:    1.23    //数字直接量                         “hello”    //字符串直接量                 ...

  9. LINQ to SQL语句(18)之运算符转换

    运算符转换 1.AsEnumerable:将类型转换为泛型 IEnumerable 使用 AsEnumerable<TSource> 可返回类型化为泛型 IEnumerable 的参数.在 ...

随机推荐

  1. [转]乔布斯的薄伽梵歌 Steve’s Bhagavat Gita

    SRC: http://www.brucejia.net/ 2014年4月4日未分类apple.ios.steve jobs 编辑 Your time is limited, so don't was ...

  2. Spring IOC (DI-依赖注入)

    看到一篇文章,讲Spring的依赖注入讲的很好理解,也很容易理解,非常详细.原文地址: https://blog.csdn.net/javazejian/article/details/5456130 ...

  3. 关于Spring MVC中的表单标签库的使用

    普通的MVC设计模式中M代表模型层,V代表视图层,C代表控制器,SpringMVC是一个典型的MVC设置模式的框架,对于视图和控制器的优化很多,其中就有与控制器相结合的JSP的表单标签库. 我们先简单 ...

  4. vim常用快捷汇总

    移动光标的方法 h 或 向左箭头键(←) 光标向左移动一个字符 j 或 向下箭头键(↓) 光标向下移动一个字符 k 或 向上箭头键(↑) 光标向上移动一个字符 l 或 向右箭头键(→) 光标向右移动一 ...

  5. C# 日期和时间的字符串表示形式转换为其等效的DateTime(stringToDateTime)

    一. 标准的日期和时间字符串转换 将日期和时间的字符串表示形式转换为其等效的DateTime对象是开发中很常见的类型转换,我们最常使用的方式是: // 如果s为null,抛出ArgumentNullE ...

  6. 无法安装64位office，因为已有32位版本怎么办

  7. [翻译] KGModal

    KGModal KGModal is an easy drop in control that allows you to display any view in a modal popup. The ...

  8. Java学习---多线程的学习

    基础知识 每个正在系统上运行的程序都是一个进程(process).每个进程包含一到多个线程(thread).进程也可能是整个程序或者是部分程序的动态执行. 线程是一组指令的集合,或者是程序的特殊段,它 ...

  9. Java实例---简单的上课管理系统

    源码分析 Course.java package com.ftl.many2many; import java.util.*; public class Course { private int cr ...

  10. 配置 Tomcat 服务 和 自启动

    如果我们使用war 包进行部署项目的时候,需要把包放进Tomcat的目录下,为了使我们的服务能够在服务器重启的时候自动启动起来,我们需要把Tomcat设置成自起服务. 配置 Tomcat 服务 新建服 ...