【重学JS】每天巩固基础-打好地基筑高楼-day1(二)

xn213
675 阅读4分钟

这是我参与8月更文挑战的第2天，活动详情查看：8月更文挑战

巩固学习 JavaScript基础知识, 加深理解记忆, 打牢地基才能盖高楼! 加油

大部分内容为白话文内容, 基础中的基础 用自己的理解, 简单有全面概括基础知识点, 方便加深理解!

如需更详细了解学习-可查看 MDN-JavaScript 文档, (红宝书/白皮书/蓝皮书/..)进行学习进阶!

更多阅读: 前文更新回顾

【重学 JS】每天学习巩固基础 day1(一)

14、运算符和表达式 （重点）

  • 运算符 ： 操作运算的符号

  • 表达式 ： 一个常量、一个变量、一个式子 都称为表达式

  • 每一类运算符有哪些？？

  • 每一类运算符对应的表达式？？

  • 每一类运算符对应的表达式的值？？

15、算术运算符

运算符：

  • + - * / % (二元运算符 双目)

  • ++ --（一元运算符 单目）

  • - - / % 运算符对应的表达式值 ：

    • 1、两侧都是数值 正常计算
    • 2、有一侧是纯数字字符串 字符串自动转换成数值 正常计算
    • 3、有一侧是非数字字符串 结果 NaN NaN ： not a number 不是一个数 NaN 不等于任何数 ，包括他自己

  • % 模运算符 （求余数）:

    • 5%3 === 2 8%4 ===0 9%2 ===1 189%10 === 9 4567%10===7 -1%3 ===-1 3%（-5） === 3
    • 总结 ： 任何数 % 10 === 个位数

  • + ： 表示 加法运算 和 连接

    • 数字和字符串相加 表示 连接 100+"10" - 10 ---> 10000 结果类型 number

  • 单目 ++自增 --自减

    注意 ：自增和自减运算符 操作数必须是变量

var i = 8;

i++ 或 ++i

  • i++和++i 的异同：

相同点 ： 自增变量的值都会自增 1

不同点 ： 表达式的值不同

如果 ++ 在后， 先将自增变量 i 的值赋值给 j ， 然后自增变量 i 再自增 1 （先赋值后自增）

如果 ++ 在前 ，先将自增变量 i 的值自增 1，在将自增变量 i 的值赋值给 整个表达式 j

var i = 10;
i++ + ++i + i

var i = 10;
      i++ + --i + ++i + i
表达式 10     10    11   11
变量 i 11     10    11

16、赋值运算符

  • = 赋值 将右侧的值 赋值给 左侧的变量

注意： = 符号左侧必须是变量 x+y = 10 错误 y = 10-x 正确

  • 复合赋值运算符 ： += -= *= /= %=
  • x+=10 等价 x = x + 10

17、关系运算符

  • 运算符 ： >>= <<= ==等于 ===全等于 !=不等于 !==不全等

  • 表达式 ： 3>4 2===3

  • 表达式的值 ： true false 表达式成立 为 true，不成立 为假

  • 表达式值几种情况 ：

    • 1、两侧都是数值 正常比较
    • 2、两侧都是字符 正常比较 根据字符的 ASCII 码 值 进行比较 a--97 A--65 0--48
    • 3、某一侧是纯数字字符串 字符串自动转成数值
    • 4、不能正常比较的结果都是 false

  • == 和 === 区别 ：

== 只比较值是否相等

=== 先 比较类型，再比较值

18、逻辑运算符

  • 运算符 ： && 与 || 或 ! 非
  • 表达式 （参与逻辑运算的一般为 布尔类型 ） 3>4 && 6==5 3>4 || 9==9 !true
  • 表达式的值 ：
    • && （且） ： && 两侧都为真 ，结果为 true ， 否则为 false 3>4 && 6==5 --> false
    • || （或） : || 两侧都为假 ，结果为 假 ，否则就为真 3>4 || 9==9 --> true
    • ! (非) : !true -->false !false--->true

19、条件运算符 (三目运算符)

  • 运算符 ： ? :

  • 表达式 ： 表达式 1 ？ 表达式 2 ： 表达式 3 8<7 ? 89:90 10？1:2

  • 表达式的值 ：

    • 如果表达式 1 的结果为真，取 表达式 2 的值作为整个条件表达式的值 ，否则 取表达式 3 为整个条件表达式的值

  • 计算机中表示真假的几种情况 （一般用于判断中）：

    • 1、非 0 为真，0 为假
    • 2、所有字符串为真 空串为假 """"?1:2
    • 3、所有对象为真
    • 4、所有函数为真
    • 5、null 和 undefined 为假

练习：

  • 计算这个表达式的值并说明结果类型 ： 100 + "10" - 10
  • 写一个表达式： 变量 i 能被 3 整除 i % 3 == 0
  • 写一个表达式： 变量 i 既被 2 整除能，又能被 5 整除 i % 2 == 0 && i % 5 == 0
  • 写一个表达式 ： 变量 i 大于 3 或 大于 10 i>3 || i>10
  • 写一个表达式： 变量 i 能被 4 整除但不能被 100 整除 或 能被 400 整除 (闰年条件)
  • 写一个表达式 ： 如果变量 i 能被 2 整除，输出 ： 偶数 否则输出奇数

  1. 已知 k = 2 计算该表达式 k++ + ++k + k++ + k的值:

  2. 为抵抗洪水，战士连续作战 89 小时，编程计算共多少天零多少小时？

  3. 小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。 它需要一个程序将华氏温度（80 度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。 提示：摄氏度与芈氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)保留 3 位小数 toFixed(保留位数)

  4. 已知两个变量 var iOne = 12, iTwo = 33,将两个变量的值交换后输出

后续更文

每天学点 JS, 日积月累, 巩固基础, 早进大厂, 指日可待!!

Calm Down & Carry On!

avatar
文章
阅读
粉丝