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

这篇具有很好参考价值的文章主要介绍了【JavaScript】JavaScript 运算符 ⑤ ( 赋值运算符 | 基础赋值运算符 与 复合赋值运算符 )。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。





一、JavaScript 赋值运算符



JavaScript 赋值运算符种类 :

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

1、赋值运算符 概念


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

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


代码示例 :

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

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


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

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


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

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


3、复合赋值运算符


复合赋值运算符 :

  • 加等 : += , 将 赋值运算符 右侧的值 加到 左侧的变量上 , 然后将运算结果赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3
var num = 3;

// 为 num 变量 加 10 , 然后将运算结果 , 赋值给 num 变量  
num += 10;
console.log(num); // 输出 : 13
  • 减等 : -= , 将 赋值运算符 左侧的变量 减去 右侧的值 , 然后将 运算结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3
var num = 3;

// 为 num 变量 减 10 , 然后将运算结果 , 赋值给 num 变量  
num -= 10;
console.log(num); // 输出 : -7
  • 乘等 : *= , 将 赋值运算符 左侧的变量 乘以 右侧的值 , 然后将 运算结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3
var num = 3;

// 为 num 变量 乘以 10 , 然后将运算结果 , 赋值给 num 变量  
num *= 10;
console.log(num); // 输出 : 30
  • 除等 : /= , 将 赋值运算符 左侧的变量 除以 右侧的值 , 然后将 运算结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3
var num = 3;

// 为 num 变量 除以 10 , 然后将运算结果 , 赋值给 num 变量  
num /= 10;
console.log(num); // 输出 : 0
  • 取模等 : %= , 将 赋值运算符 左侧的变量 对右侧的值 取模 , 然后将 取模运算的结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3
var num = 3;

// 为 num 变量 乘以 10 , 然后将运算结果 , 赋值给 num 变量  
num %= 10;
console.log(num); // 输出 : 3
  • 有符号左移等 : <<= , 将 赋值运算符 左侧的变量的 二进制值 向左移动指定的位数 , 然后将 运算结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3
var num = 3;

// 为 num 变量 左移 1 位 , 然后将运算结果 , 赋值给 num 变量  
// 二进制 11 左移 1 位变为 二进制 110 , 结果为 6
num <<= 1;
console.log(num); // 输出 : 6
  • 有符号右移等 : >>= , 将 赋值运算符 左侧的变量的 二进制值 向右移动指定的位数 , 然后将 运算结果 赋给左侧的变量 ;
// 为 变量 num 分配 数字类型值 3
var num = 3;

// 为 num 变量 右移 1 位 , 然后将运算结果 , 赋值给 num 变量  
// 二进制 11 右移 1 位变为 二进制 01 , 结果为 1
num >>= 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>

执行结果 :

【JavaScript】JavaScript 运算符 ⑤ ( 赋值运算符 | 基础赋值运算符 与 复合赋值运算符 ),JavaScript,javascript,开发语言,ecmascript,前端,运算符,JavaScript,复合赋值运算符文章来源地址https://www.toymoban.com/news/detail-843294.html

到了这里,关于【JavaScript】JavaScript 运算符 ⑤ ( 赋值运算符 | 基础赋值运算符 与 复合赋值运算符 )的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript =+运算符

    += 是 js 的加法运算,表达式 A += B 表示: A = A + B 。 如下: JavaScript 中 =+ 是一种特殊的赋值,表达式 A =+ B 表示:将 B 转化为数字赋值给 A 。 = 是赋值, + 代表后面的数字为正数;同理, =- 代表后面的数字为负数。 相当于告诉编译器,即将赋值的数值类型为数字类型,不要

    2024年02月12日
    浏览(57)
  • Javascript-中常用运算符

    目录 数据类型 常见运算 算术运算符 比较运算符 逻辑运算符 赋值运算符 自增/减运算符 三目运算符 位运算符 在 JS 中有以下两大类: 基本数据类型 数值类型(Number) 整数 (int) 浮点数(float) 布尔类型(Boolean),有两个值:true 和 false 字符串(String),它可以是单引号包

    2024年01月24日
    浏览(49)
  • 【JavaScript】相等运算符(== 和 ===)

    如果x和y的类型相同,JavaScript会用equals 方法比较这两个值或对象。 没有出现在表格中的情况都会返回 false。(表格中的方法都是内部规定的) 对于 toNumber 方法: 对于 toPrimitive 方法: 第二行代码之所以为 false,就是因为 true 先转化为数 1,因此开始比较 \\\'aaa\\\' == 1 ;然后 ‘

    2024年02月07日
    浏览(57)
  • Java基础入门篇——赋值运算符(九)

    赋值运算符的作用是将一个数值、变量或者表达式的值赋给某一个变量。在赋值过程中,运算顺序从右往左,将右边表达式的结果赋值给左边的变量。 【=】赋值,用法:a=10,将10赋值给变量a; 【+=】相加后赋值,用法:a+=b,等价于a=a+b,将a+b的值赋给a; 【-=】相减后赋值,

    2024年02月14日
    浏览(70)
  • JavaScript系列之条件运算符

    条件(三元)运算符是 JavaScript 仅有的使用三个操作数的运算符。一个条件后面会跟一个问号 (?) ,如果条件为 true ,则问号后面的表达式 A 将会执行;表达式 A 后面跟着一个冒号 (:) ,如果条件为 false ,则冒号后面的表达式 B 将会执行。本运算符经常作为 if 语句的简

    2023年04月08日
    浏览(59)
  • JavaScript运算符及优先级

    一、算数运算符 算术运算符(+,-, * ,/,%【重要】,++【重要】,--) 其中 + 的左边和右边有 \\\" \\\", 表示拼接 i++,表示先赋值后+1     ++i ,表示先+1后赋值  同理减法也是如此 算数运算中,+ 可以进行隐式迭代,将字符串数字转化为Number类型 二、比较算数运算符 比较运算

    2024年02月07日
    浏览(44)
  • 【JavaScript_1】入门知识、数据类型、运算符

    1、var变量赋值不需要强制转换,可以直接进行赋值。 var a=1; a=“hello”; 2、JavaScript的工作方式:先解析代码,获取所有被声明的变量,然后再一行一行地运行。 因此导致所有的变量声明语句都会被提升到代码的头部,这就叫做变量提升。 eg: console.log(a); var a=1;-----------var a;

    2024年02月12日
    浏览(54)
  • 探索JavaScript中强大的三元运算符:简洁、灵活、提升代码效率

    三元运算是一种在编程中常见的条件表达式。它使用三个操作数进行条件判断,并返回两个值中的一个,具体取决于条件的真假。 三元运算符的优势:相比于使用传统的 if-else 语句,三元运算符可以简化代码并提高代码的可读性。它可以使条件判断和返回结果在一行内完成,

    2024年01月16日
    浏览(65)
  • 【C++】详解运算符重载,赋值运算符重载,++运算符重载

    目录 前言 运算符重载 概念 目的 写法 调用 注意事项 详解注意事项 运算符重载成全局性的弊端 类中隐含的this指针 赋值运算符重载 赋值运算符重载格式 注意点 明晰赋值运算符重载函数的调用 连续赋值 传引用与传值返回 默认赋值运算符重载 前置++和后置++重载 先梳理一下

    2024年04月25日
    浏览(81)
  • Python赋值运算符

    赋值运算符用来把右侧的值传递给左侧的变量(或者常量);可以直接将右侧的值交给左侧的变量,也可以进行某些运算后再交给左侧的变量,比如加减乘除、函数调用、逻辑运算等。 Python 中最基本的赋值运算符是等号=;结合其它运算符,=还能扩展出更强大的赋值运算符。

    2024年02月09日
    浏览(88)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包