JavaScript Day03 - 变数(2)

变数(variable)-Number

Day05 - 变数(02):说明变数的计算与跟字串搭配的结果

Day13 - 回圈(01):说明 +=a++a--++a 的部分

主要注意如果数字没注意到是字串,会自动转型,有可能是字串相加,也可能是数字相加,因此建议要确定目前需求的型别是字串或数字

一个数字型别与字串型别做计算

  • 转成字串:+
  • 转成数字:-*/,若字串内容非数字,则会出现 NaN(Not a Number)
  • NaN 的型别是 Number
console.log(1 + 2); // 印出 3
console.log("1" + "2"); // 印出 12
console.log(1 + "2"); // 印出 12
console.log("1" + 2); // 印出 12

console.log(1 - 2); // 印出 -1
console.log("1" - "2"); // 印出 -1
console.log(1 - "2"); // 印出 -1
console.log("1" - 2); // 印出 -1

console.log(3 * 2); // 印出 6
console.log("3" * "2"); // 印出 6
console.log(3 * "2"); // 印出 6
console.log("3" * 2); // 印出 6

console.log(5 / 2); // 印出 2.5
console.log("5" / "2"); // 印出 2.5
console.log(5 / "2"); // 印出 2.5
console.log("5" / 2); // 印出 2.5


console.log("hello" + 123); // 印出 hello123
console.log("hello" - 123); // 印出 NaN(Not a Number)

console.log("hello" * 3); // 印出 NaN(Not a Number)
console.log("hello" / 3); // 印出 NaN(Not a Number)

parseInt(""):把数字内容的字串转型成数字型别的整数

变数(variable)-String

  • 字串组合:使用 + 组合
  • 字串长度:使用 str.length
  • 去除前後空白:使用 str.trim()
let str = " ironman  ";

console.log(str.length); // 10
console.log(str.trim()); // ironman

ES6:Template Literals (样版字面值)

MDN 翻为样板字面值,另有看过样板字串、模板字串等类似的说法

语法:使用 ` `把字串内容包起来,变数写在 ${} 内,可以另作运算


let str = 'string1' + ' ' + 'string2'

console.log(str); // string1 string2

let a = 5;
let b = 10;

console.log(`total is ${a + b}`); // total is 15

参考资料

JavaScript ES6 Template Literals 字串样版

[JS学徒特训班] JavaScript ES6 样板字串(Template String)

次回

应该还会再说一下变数


<<:  Day03 安装环境

>>:  Day3 专案成本的估算(精神与方法)

[Day 22] 实作 - 介面篇6

开始在主场景下做出一个类似技能快捷键的视窗 从Spriteset_Map开始 在ActionBatt...

Kubernetes 和云原生教程

Kubernetes 开源有 6 年时间了,为什么还要写一篇 Kubernetes 入门的文章?”...

[Day02] - 旅途开始前的行前解说

昨天提到了 Web Component , 今天先初步了解一下什麽是 WebComponent 跟他...

Day30 - 模型复杂度分析

在最後一天的内容中,我们会以参数量、乘法数、训练过程中每一个epoch所需的时间与测试过程中每一笔资...

[Day 29] 资料产品开发实务 - 自动贴标系统

「懒惰是进步的原动力」 科技的进步降低了许多事情的门槛,例如过去要会换牌档才能开车,现在基本上就自排...