当前位置:首页 » 《关于电脑》 » 正文

【JavaScript】JavaScript 运算符 ⑤ ( 赋值运算符 | 基础赋值运算符 与 复合赋值运算符 )

4 人参与  2024年04月04日 15:31  分类 : 《关于电脑》  评论

点击全文阅读


文章目录

一、JavaScript 赋值运算符1、赋值运算符 概念2、基础赋值运算符 与 复合赋值运算符3、复合赋值运算符4、完整代码示例





一、JavaScript 赋值运算符



JavaScript 赋值运算符种类 :

基础赋值运算符 : 等于 : = ; 复合赋值运算符 : 加等 : +=减等 : -=乘等 : *=除等 : /=取模等 : %=有符号左移等 : <<=有符号右移等 : >>=无符号左移等 : <<<=无符号右移等 : >>>=

1、赋值运算符 概念


在 JavaScript 语言中 , " 赋值运算符 " 的 作用是 为 变量 分配值 ;

最基础的 " 赋值运算符 " 是 = , 该运算符的作用是 将 = 右侧的值 分配给 = 左侧的 变量 ;


代码示例 :

// 为 变量 num 分配 数字类型值 3var num = 3;  

2、基础赋值运算符 与 复合赋值运算符


在 JavaScript 语言中 , 除了 最基础的 " 赋值运算符 " = 之外 , 还有很多 " 复合赋值运算符 " ,

" 复合赋值运算符 " 在进行 赋值 的同时 , 还可以附带 执行一些其他的运算 ;


我们要对 var num = 3; 变量 进行 自增 1 的操作 , 使用 num++ 即可 ,

如果要对 num 变量 进行自增 10 操作 , 此时就需要使用 " 复合赋值运算符 " 了 , num += 10 ;


3、复合赋值运算符


复合赋值运算符 :

加等 : += , 将 赋值运算符 右侧的值 加到 左侧的变量上 , 然后将运算结果赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3var num = 3;// 为 num 变量 加 10 , 然后将运算结果 , 赋值给 num 变量  num += 10;console.log(num); // 输出 : 13
减等 : -= , 将 赋值运算符 左侧的变量 减去 右侧的值 , 然后将 运算结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3var num = 3;// 为 num 变量 减 10 , 然后将运算结果 , 赋值给 num 变量  num -= 10;console.log(num); // 输出 : -7
乘等 : *= , 将 赋值运算符 左侧的变量 乘以 右侧的值 , 然后将 运算结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3var num = 3;// 为 num 变量 乘以 10 , 然后将运算结果 , 赋值给 num 变量  num *= 10;console.log(num); // 输出 : 30
除等 : /= , 将 赋值运算符 左侧的变量 除以 右侧的值 , 然后将 运算结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3var num = 3;// 为 num 变量 除以 10 , 然后将运算结果 , 赋值给 num 变量  num /= 10;console.log(num); // 输出 : 0
取模等 : %= , 将 赋值运算符 左侧的变量 对右侧的值 取模 , 然后将 取模运算的结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3var num = 3;// 为 num 变量 乘以 10 , 然后将运算结果 , 赋值给 num 变量  num %= 10;console.log(num); // 输出 : 3
有符号左移等 : <<= , 将 赋值运算符 左侧的变量的 二进制值 向左移动指定的位数 , 然后将 运算结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3var num = 3;// 为 num 变量 左移 1 位 , 然后将运算结果 , 赋值给 num 变量  // 二进制 11 左移 1 位变为 二进制 110 , 结果为 6num <<= 1;console.log(num); // 输出 : 6
有符号右移等 : >>= , 将 赋值运算符 左侧的变量的 二进制值 向右移动指定的位数 , 然后将 运算结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3var num = 3;// 为 num 变量 右移 1 位 , 然后将运算结果 , 赋值给 num 变量  // 二进制 11 右移 1 位变为 二进制 01 , 结果为 1num >>= 1;console.log(num); // 输出 : 1

4、完整代码示例


完整代码示例 :

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <!-- 设置 meta 视口标签 -->    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>JavaScript</title>    <style></style>    <script>        // 赋值运算符        // 为 变量 num 分配 数字类型值 3        var num = 3;        // 为 num 变量 加 10 , 然后将运算结果 , 赋值给 num 变量          num += 10;        console.log(num); // 输出 : 13        num = 3;        // 为 num 变量 减 10 , 然后将运算结果 , 赋值给 num 变量          num -= 10;        console.log(num); // 输出 : -7        num = 3;        // 为 num 变量 乘以 10 , 然后将运算结果 , 赋值给 num 变量          num *= 10;        console.log(num); // 输出 : 30        num = 3;        // 为 num 变量 除以 10 , 然后将运算结果 , 赋值给 num 变量          num /= 10;        console.log(num); // 输出 : 0.3        num = 3;        // 为 num 变量 左移 1 位 , 然后将运算结果 , 赋值给 num 变量          // 二进制 11 左移 1 位变为 二进制 110 , 结果为 6        num <<= 1;        console.log(num); // 输出 : 6        num = 3;        // 为 num 变量 右移 1 位 , 然后将运算结果 , 赋值给 num 变量          // 二进制 11 右移 1 位变为 二进制 01 , 结果为 1        num >>= 1;        console.log(num); // 输出 : 1    </script></head><body></body></html>

执行结果 :

在这里插入图片描述


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/90515.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 重生后我和太监联手灭了敌国喻辰,林雪续集(重生后我和太监联手灭了敌国)终极反转(喻辰,林雪)全篇一口气阅读
  • 我不做灵媒后,自称灵媒摆渡人的养妹害怕了内容精选_苏晓霍老阿姐无广告_小说后续在线阅读_无删减免费完结_
  • 前传一别再无相见续集:全文+番外戚许许樵风:结局+番外新上热文
  • 嫂子照顾我怀孕生子,我倒欠她一个孩子最新目录_老公婆婆龙凤胎一口气看完_小说后续在线阅读_无删减免费完结_
  • 卿本祸水小说(苏窈,冰冷,萧霁寒)+起点章节(卿本祸水)阅读
  • 楚寻眠周煜衡小说(明月不照离人泪)章节目录+起始篇章(楚寻眠周煜衡)全章无套路在线
  • 末世重生,我以暴杀丧尸开始氪命无敌完结txt_张凡林婉清独家番外_小说后续在线阅读_无删减免费完结_
  • 顾泽茗林依依小说无删减阅读无干扰(总裁,请原地投降)番外+续集
  • 公主她唯我独尊,一刀一个气运者结局+番外_怀江厉沉锋高分言情_小说后续在线阅读_无删减免费完结_
  • 沈清霜顾砚之:结局+番外免费品鉴黑莲花嫡女:首辅大人天天护短:结局+番外评价五颗星
  • 学神演舔狗,毕竟他妈给的太多了列表_学神演舔狗,毕竟他妈给的太多了(苏允沈司野)
  • 多子多福,从百妻千子到万古仙朝最新试读_叶枫林清音连载_小说后续在线阅读_无删减免费完结_

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1