JavaScript基础——运算符与表达式

最新推荐文章于 2024-07-16 16:43:05 发布

xi-xiao

最新推荐文章于 2024-07-16 16:43:05 发布

阅读量182

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43914599/article/details/127926842

版权

一、运算符

运算符就是可以用来运算的符号 + - * /

１、表达式

由运算符组成的式子，是一段可以用来求值的代码
在这里插入图片描述

２、算术运算符

数学运算符也叫算术运算符,主要包括加+ 、减-、乘 * 、除/、取余(求模)%。
取余在开发中一般用来判断是否可以被整除,整除就是余0
取余第一个值小于第二个值直接返回第一个值
在这里插入图片描述

3、模板字符串

字符串拼接：连接符(+)
场景： + 运算符可以实现字符串的拼接。 +号只要遇到字符串，就是连接符

<body>
    <script>
        let a = 10
        let b = 20
        //+号 数字相加
        console.log(a + b);//30

        // +号 字符串就拼接
        let uname = prompt('输入姓名')
        let age = prompt('输入年龄')
        // es6写法:反引号包裹字符串 ``  ${}包裹变量
        document.write(`大家好,我是${uname},我今年${age}岁了`);
    </script>
</body>

4、赋值运算符

+= -= *= /= %=
赋值运算符(对变量进行赋值的运算符)：把右边的值赋值给左边，左边必须是一个盒子容器
在这里插入图片描述

<body>
    <script>
	let age = 10
	//把age-1
	age -= 1
	console.log(age);//控制台输出9
	</script>
</body>

//同理: 
//把age*10
let age = 10
age *= 10
console.log(age);//控制台输出100

//把age/5
let age = 10
age /= 5
console.log(age);//控制台输出2

//把age除以5		取的是余数
let age = 10
age %= 5
console.log(age);//控制台输出0

4、一元运算符

自增符号：++ 作用：让变量的值 +1
自减符号：-- 作用：让变量的值 -1
一元运算符的使用场景：经常用于计数来使用。
前置自增: ++ 在前 ++num
后置自增: ++ 在后 num++
注意点:① ++ 在前和 ++ 在后在单个使用时没有区别，都是+1
② 在参与计算时，++在前先+1再输出，++ 在后先输出再+1
③ 实际开发中，后置++ 更多

<body>
   <script>
    let num = 5
    // console.log(num + num++);//5+5=10
    console.log(num + ++num);//5+6=11
   </script>
</body>

5、比较(关系)运算符

比较两个数据大小、是否相等

比较运算符：
> ： 左边是否大于右边
<： 左边是否小于右边
>=： 左边是否大于或等于右边
<=： 左边是否小于或等于右边
==： 左右两边值是否相等
===： 左右两边是否类型和值都相等
!==： 左右两边是否不全等
比较结果为boolean类型，即只会得到 true 或 false

<body>
    <script>
        //比较运算符:做比较,比较大小,是否相等   返回结构:都是布尔数据类型   true 和 false
        console.log(1 > 25);//false
        console.log(1 < 25);//ture
        console.log(10 <= 10);//ture    满足一个条件即为true

        // 一个等号在赋值,不能给数据进行赋值操作
        // 2个等号做比较,比较的是值
        console.log(150 =='150');//true
        console.log('abc' == '123');//false

        //3个等号做比较     比较的是值和类型
        console.log(1 === '1');//false
        console.log('123' === '123');//true

        // !=比较的是值     和 !==比较的是值和类型
        console.log(12 != 13);//ture
        console.log(12 != '12');//false
        console.log(250 !== '250');//ture

        // 总结:在实际开发中使用最多进行判断是 ===全等 和 !=不全等 使用最多,一般都是比较值和类型

        // 扩展(只需了解):字符串比较的是ASCII码,ASCII码计算机识别的编码
        // console.log('a' < 'b');//true
        console.log('ab' > 'ac');//false

        // 扩展: null和undefined的值相等, 类型不相等
        console.log(null == undefined);//true
        console.log(null === undefined);//false
    </script>
</body>

6、逻辑运算符

逻辑运算符返回结果也是为boolean类型，只会得到 true 或 false

<body>
    <script>
        // 逻辑运算符的作用:进行多重判断时需要使用逻辑符相连
        // 返回值:布尔类型 true和false
        // 逻辑与&& 条件全部满足 一假则假
        console.log(true && true);//true
        console.log(true && false);//false
        console.log(1 < 2 && 3 == '3');//true
        console.log(1 !== '1' && 2 === '2'); //false
        console.log('-------------')
        // 逻辑或||条件满足一个即可 一真则真
        console.log(true||false);//true
        console.log(false||false);//false
        console.log('a' === 'a' || 2 > 5);//true
        console.log('-------------')

        // 逻辑非 ! 取反---真变假，假变真
        console.log(!true);//false
        console.log(!false);//true

    </script>
</body>

7、运算符优先级

快捷记法:1.我们记下来最大的运算符是(),最小的是,再是=号即可
2.逻辑运算符:非>与>或
小练习:

		let a = 3 > 5 && 2 < 7 && 3 == 4
        console.log(a);

        let b = 3 <= 4 || 3 > 1 || 3 != 2
        console.log(b);

        let c = 2 === "2"
        console.log(c);

        let d = !c || b && a
        console.log(d);