运算符
赋值运算符
一元运算符
自增
let num = 0
num++ // 或者 ++num
符号:++
作用:让变量的值 +1
自减
let num = 0
num-- // 或者 --num
符号:--
作用:让变量的值 -1
比较运算符
符号 | 描述 |
---|
> | 左边是否大于右边 |
< | 左边是否小于右边 |
>= | 左边是否大于或等于右边 |
<= | 左边是否小于或等于右边 |
== | 左右两边值是否相等 |
!= | 左右两边值是否不相等 |
=== | 左右两边是否类型和值都相等 |
!== | 左右两边是否不全等 |
开发中,如果需要判断是否相等,强烈推荐使用 ===
逻辑运算符
语句
分支语句
单分支语句
<script>
if (true) {
console.log('Hello World')
}
</script>
双分支语句
<script>
if (false) {
console.log('Gread');
} else {
console.log('Hello World');
}
</script>
多分支语句
<script>
if (false) {
console.log(1);
} else {
console.log(2);
} if (true) {
console.log(3);
} else {
console.log(4);
}
</script>
三元运算符
<script>
// 例子1:
console.log(5 > 3 ? 'yes':'no');
// 例子2:
6 > 8 ? alert('yes') : alert('no')
</script>
switch 语句
<script>
let choose = Number(prompt('请选择号码'))
switch (choose) {
case 1:
console.log('你选择了1号');
break;
case 2:
console.log('你选择了2号');
break;
case 3:
console.log('你选择了3号');
break;
default:
console.log('你没有进行选择');
}
</script>
循环语句
while 循环
<script>
let sum = 0
while (sum < 100) {
sum++
}
</script>
for 循环
<script>
for (let i = 10; i >= 0; i--) {
document.write(`倒计时:${i}秒 <br>`)
}
</script>
循环的退出
- continue : 结束本次循环,继续下次循环
- break : 退出循环
函数
声明与使用
<script>
function printHelloWorld() {
document.write('Hello World')
}
printHelloWorld()
</script>
函数传参
<script>
function addNum(num1, num2, num3 = 0) {
document.write(`相加结果:${num1 + num2 + num3}`)
}
addNum(1, 9)
</script>
函数返回值
<script>
function addNum(num1, num2, num3 = 0) {
return num1 + num2 + num3
}
document.write(addNum(1, 9, -5));
</script>
匿名函数
函数表达式
<script>
let func = function () {
document.write('Hello World')
}
func()
</script>
立即执行函数
<script>
(function (x, y) {
document.write(x + y)
})(1, 2)
(function (x, y) {
document.write(x + y)
}(1, 2))
</script>
对象
声明对象
<script>
// 声明对象
let Jack = {
name: 'ToMa-Jack',
age: 30,
gender: '男'
}
</script>
属性的操作
<script>
let Jack = {
name: 'ToMa-Jack',
age: 30,
gender: '男'
}
Jack.gender = '女'
Jack.hobby = 'Coding'
delete Jack.hobby
console.log(Jack.gender);
console.log(Jack['gender']);
</script>
对象的方法
<script>
// 声明对象
let obj = {
name: 'Jack',
sing: function () {
document.write('singing~')
}
}
// 使用对象的方法
obj.sing()
</script>
遍历对象
<script>
let obj = {
name: 'Jack',
age: 28,
gender: '男'
}
for (let key in obj) {
document.write(`${obj[key]} <br>`)
}
</script>
内置Math对象
基本认识
- 介绍:Math 对象是 JavaScript 提供的一个 “数学” 对象
- 作用:提供了一系列做数学运算的方法
- Math 对象包含的方法有:
Math.ndom 生成0~1之间的随机数(包含0不包含1)
Math.ceil 向上取整
Math.floor 向下取整
Math.max 找最大数
Math.min 找最小数
Math.pow 幂运算
Math.abs 绝对值
- Math 对象在线文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math
具体演示
<script>
console.log(Math.PI)
console.log(Math.ceil(1.1));
console.log(Math.floor(1.9));
console.log(Math.round(1.4));
console.log(Math.round(-1.5));
console.log(Math.round(-1.51));
console.log(Math.max(1, 2, 3, 4, 5));
console.log(Math.min(1, 2, 3, 4, 5));
console.log(Math.abs(-2));
console.log(Math.random());
</script>
自定义随机数范围
<script>
Math.floor(Math.random() * (M - N + 1)) + N
</script>
生成随机数(函数模板)
<script>
function getRandom(N, M) {
return Math.floor(Math.random() * (M - N + 1)) + N
}
</script>