您现在的位置是：首页 > 技术教程正文

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

admin 阅读： 2024-03-22

后台-插件-广告管理-内容页头部广告（手机）

文章目录

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

一、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 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>JavaScripttitle> <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>

执行结果 :

在这里插入图片描述

标签:

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。

在线投稿：投稿站长QQ：1888636

后台-插件-广告管理-内容页尾部广告（手机）

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