使用 JavaScript 中的变量、数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算符的不同位置得到不同的结果

简介: 使用 JavaScript 中的变量、数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算符的不同位置得到不同的结果

需求说明:


使用 JavaScript 中的变量、数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算符的不同位置得到不同的结果


7.png


实现思路:


  1. 创建站点,新建HTML页面
  2. 在 HTML 页面的 <body> 标签中编写 JavaScript 脚本,在脚本中定义两个 number 类型的变量和一个 string 类型的变量
  3. 根据不同的顺序计算 3 个变量的和


实现代码:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <script type="text/javascript">
      var a = 5;
      var b = 6;
      var str = "Hello World!";
      // 数字之和放在字符串之前,+运算符先计算数字的和,然后将结果转成字符串
      document.write(a+b+str+"<br/>");
      // 数字之和加上空字符串""+字符串,数字将转成字符串
      document.write(""+a+b+str+"<br/>");
      // 数字之和放在字符串之后,数字将转成字符串
      document.write(str+a+b+"<br/>");
      // 数字之和放在字符串之后,并使用括号()括起来,先计算数字之和,再将得出的结果转成字符串
      document.write(str+(a+b)+"<br/>");
    </script>
  </body>
</html>
相关文章
|
11月前
|
Oracle 关系型数据库 MySQL
【YashanDB知识库】kettle从DM8的number类型同步到YashanDB的varchar类型,存入是科学计数法形式的数据
【YashanDB知识库】kettle从DM8的number类型同步到YashanDB的varchar类型,存入是科学计数法形式的数据
|
JavaScript
js运算符
js运算符
169 5
|
存储 Java Apache
Python Number类型详解!
本文详细介绍了 Python 中的数字类型,包括整数(int)、浮点数(float)和复数(complex),并通过示例展示了各种算术操作及其类型转换方法。Python 的 `int` 类型支持任意大小的整数,`float` 类型用于表示实数,而 `complex` 类型用于表示复数。此外,文章还对比了 Python 和 Java 在数字类型处理上的区别,如整数类型、浮点数类型、复数类型及高精度类型,并介绍了各自类型转换的方法。尽管两种语言在语法上有所差异,但其底层逻辑是相通的。通过本文,读者可以更好地理解 Python 的数字类型及其应用场景。
552 2
|
JavaScript 前端开发
JavaScript 运算符
JavaScript 运算符
90 3
|
JavaScript 前端开发
JavaScript 中的 typeof 运算符
【8月更文挑战第29天】
211 1
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
245 4
|
JavaScript 前端开发 安全
深入理解JavaScript中的比较运算符
深入理解JavaScript中的比较运算符
|
JavaScript 前端开发
JavaScript 运算符全知道
JavaScript 运算符全知道
211 0
|
JavaScript 前端开发
JS常见的运算符有哪些?
JS常见的运算符有哪些?
|
JavaScript 前端开发
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
这篇文章详细介绍了JavaScript中的强制类型转换、运算符(包括算术、逻辑、条件、赋值和关系运算符)的使用方法和优先级规则。
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符