一、JavaScript 賦值運算符
JavaScript 賦值運算符種類 :
-
基礎賦值運算符 :
- 等于 :
=;
- 等于 :
-
復合賦值運算符 :
- 加等 :
+= - 減等 :
-= - 乘等 :
*= - 除等 :
/= - 取模等 :
%= - 有符號左移等 :
<<= - 有符號右移等 :
>>= - 無符號左移等 :
<<<= - 無符號右移等 :
>>>=
- 加等 :
1、賦值運算符 概念
在 JavaScript 語言中 , " 賦值運算符 " 的 作用是 為 變量 分配值 ;
最基礎的 " 賦值運算符 " 是 = , 該運算符的作用是 將 = 右側的值 分配給 = 左側的 變量 ;
代碼示例 :
// 為 變量 num 分配 數字類型值 3
var num = 3;
2、基礎賦值運算符 與 復合賦值運算符
在 JavaScript 語言中 , 除了 最基礎的 " 賦值運算符 " = 之外 , 還有很多 " 復合賦值運算符 " ,
" 復合賦值運算符 " 在進行 賦值 的同時 , 還可以附帶 執(zhí)行一些其他的運算 ;
我們要對 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 位變?yōu)?二進制 110 , 結果為 6
num <<= 1;
console.log(num); // 輸出 : 6
-
有符號右移等 :
>>=, 將 賦值運算符 左側的變量的 二進制值 向右移動指定的位數 , 然后將 運算結果 賦給左側的變量 ;
// 為 變量 num 分配 數字類型值 3
var num = 3;
// 為 num 變量 右移 1 位 , 然后將運算結果 , 賦值給 num 變量
// 二進制 11 右移 1 位變?yōu)?二進制 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 位變?yōu)?二進制 110 , 結果為 6
num <<= 1;
console.log(num); // 輸出 : 6
num = 3;
// 為 num 變量 右移 1 位 , 然后將運算結果 , 賦值給 num 變量
// 二進制 11 右移 1 位變?yōu)?二進制 01 , 結果為 1
num >>= 1;
console.log(num); // 輸出 : 1
</script>
</head>
<body>
</body>
</html>
執(zhí)行結果 :文章來源：http://www.zghlxwxcb.cn/news/detail-843294.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-843294.html
到了這里，關于【JavaScript】JavaScript 運算符 ⑤ ( 賦值運算符 | 基礎賦值運算符 與 復合賦值運算符 )的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
