js运算符以及+号扩展用法

最新推荐文章于 2024-01-23 10:50:31 发布

Jikel

最新推荐文章于 2024-01-23 10:50:31 发布

阅读量349

点赞数

分类专栏： JavaScript 文章标签： js

本文链接：https://blog.csdn.net/weixin_54902466/article/details/116573025

版权

JavaScript 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

本章技术分享为js中的运算符

文章目录

前言
常见的运算符
总结

前言

理解运算符是计算机处理数据的最基本方式，掌握常见运算符的使用

运算符中 JavaScript 处理数据有最基本方式，如加、减、乘、除等。

常见的运算符

1.数学运算符

数学运算符也叫算术运算符，主要包括加、减、乘、除、取余（求模）。

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 运算符</title>
</head>
<body>
  
  <script> 
    // 1. 加法
    // 班级有男生31名，女生 23名，问全班总共多少人？

    let boy = 31;
    let girl = 23;
    // 合计 求和
    let total = boy + girl;
    console.log(total); // 结果为 54

    // 2. 减法
    // 全班总共 54 人，请假 2 人，问今日出勤人数？
    // 缺席 2 人
    let absence = 2;
    console.log(total - absence); // 结果为 52

    // 3. 乘法
    // 每天背两个单词，150天后共记住多少单词？
    let wordsPerDay = 3;
    console.log(wordsPerDay * 150); // 结果为 300

    // 4. 除法
    // 学费总计 1980元，学习 100天，平均每天学费多少钱？
    let fee = 22980
    console.log(fee / 100); // 结果为 198

    // 5. 取余
    // 全班总共 54人，按报名顺序以5个人为单位进行分组
    // 总共可以分成几组？
    // 最后一组多少人？
    console.log(total % 5); // 结果为 4

    /*********** 华丽的分隔线 ***********/
    // + 运算符有两层含义：
    // 除了上述的数学运算外
    // 还可以用于字符串的拼接

    let str1 = 'hello ';
    let str2 = 'world!';
    console.log(str1 + str2); // 结果为 hello world!
  </script>
</body>
</html>

2.优先级

同时使用多个运算符编写程序时，会按着某种顺序先后执行，我们称为优先级。优先级越高越先被执行，优先级相同时以书从左向右执行。

乘、除、取余优先级相同
加、减优先级相同
乘、除、取余优先级大于加、减
使用 () 可以提升优先级

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 运算符优先级</title>
</head>
<body>
  <script> 
    let a = 10;
    let b = 12;
    let t = 5;
    let f = 8;

    // * 的优先级高，所以先计算 b * t = 60
    // + 和 - 的优先级相同，从左向右执行
    console.log(a + b * t - f); // 结果为 62

    // * / % 优先级一致，从左向右执行
    console.log(b * t / a % t); // 结果为 1

    // 虽然 * 的优先级大于 + 但是通过 () 提升了优先级
    // 先执行 + 运算，再执行 * 运算
    console.log((t + f) * a); // 结果为 130
  </script>
</body>
</html>

3.除此之外+号也有特殊的用处(拼接符)

如果在进行编程的时候,如果加号旁白有一端是字符串的话,那么+号就相当于拼接符进行使用

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 运用+号变为拼接符来使用
        let a =prompt('请输入您的姓名')
        let b =prompt('请输入您的年龄')
        document.write('您的名字叫'+a,'今年'+b+'岁了')
    </script>
</body>
</html>

总结

提示：如果想更加了解运算符的使用,可以移步观看我的银行卡案例,你会得到启发.

Jikel

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js运算符以及+号扩展用法

本章技术分享为js中的运算符文章目录前言常见的运算符1.数学运算符2.优先级3.除此之外+号也有特殊的用处(拼接符)总结前言理解运算符是计算机处理数据的最基本方式，掌握常见运算符的使用运算符中 JavaScript 处理数据有最基本方式，如加、减、乘、除等。常见的运算符1.数学运算符数学运算符也叫算术运算符，主要包括加、减、乘、除、取余（求模）。代码如下（示例）：<!DOCTYPE html><html lang="en"><head> &
复制链接

扫一扫

专栏目录