笔记 JavaScript 复习回顾 运算符

JavaScript 拥有如下类型的运算符

• 赋值运算符(Assignment operators)
• 比较运算符(Comparison operators)
• 算数运算符(Arithmetic operators)
• 按位运算符(Bitwise operators)
• 逻辑运算符(Logical operators)
• 字符串运算符(String operators)
• 条件 (三元) 运算符(Conditional operator)
• 逗号运算符(Comma operator)
• 一元运算符(Unary operators)
• 关系运算符(Relational operator)

JavaScript 拥有二元（binary）和一元（unary）运算符， 和一个特殊的三元（ternary）运算符（条件运算符）

赋值运算符

一个 赋值运算符（assignment operator) 赋一个基于它右边操作数值的值给它左边的操作数

解构

解构赋值 destructuring assignment 语法是一个能从数组或对象对应的数组结构或对象字面量里提取数据的 Javascript 表达式

var foo = ["one", "two", "three"];

// 不使用解构
var one   = foo[0];
var two   = foo[1];
var three = foo[2];

// 使用解构
var [one, two, three] = foo;

比较运算符

一个比较运算符(Comparison operators)比较它的操作数并返回一个机遇表达式是否为真的逻辑值

操作数可以是数字，字符串，逻辑，对象值

下面的表格描述了该示例代码中的各比较运算符

var var1 = 3, var2 = 4;

算术运算符

算术运算符使用数值(字面量或者变量)作为操作数并返回一个数值.标准的算术运算符就是加减乘除(+ - * /)

console.log(1 / 2); /* prints 0.5 */
console.log(1 / 2 == 1.0 / 2.0); /* also this is true */

位运算符

位运算符将它的操作数视为32位元的二进制串(0和1组成)而非十进制八进制或十六进制数.

例如:十进制数字9用二进制表示为1001，位运算符就是在这个二进制表示上执行运算，但是返回结果是标准的JavaScript数值.

位逻辑运算符

移位运算符

移位运算符带两个操作数：

• 待移位的数
• 指定第一个数要被移多少位的数

移位的方向由运算符来控制.

逻辑运算符

逻辑运算符常用于布尔（逻辑）值之间

当操作数都是布尔值时，返回值也是布尔值

下面是&&（逻辑与）操作符的示例

var a1 =  true && true;     // t && t returns true
var a2 =  true && false;    // t && f returns false
var a3 = false && true;     // f && t returns false
var a4 = false && (3 == 4); // f && f returns false
var a5 = "Cat" && "Dog";    // t && t returns Dog
var a6 = false && "Cat";    // f && t returns false
var a7 = "Cat" && false;    // t && f returns false

下面是||（逻辑或）操作符的示例

var o1 =  true || true;     // t || t returns true
var o2 = false || true;     // f || t returns true
var o3 =  true || false;    // t || f returns true
var o4 = false || (3 == 4); // f || f returns false
var o5 = "Cat" || "Dog";    // t || t returns Cat
var o6 = false || "Cat";    // f || t returns Cat
var o7 = "Cat" || false;    // t || f returns Cat

下面是！（逻辑非）操作符的示例

var n1 = !true;  // !t returns false
var n2 = !false; // !f returns true
var n3 = !"Cat"; // !t returns false

字符串运算符

(+) 串联起来

console.log( "my " + "string " + 2); // "my string 2"

(+=) 串联起来

var myString = "alpha";
myString += "bet";

条件(三元)运算符

条件运算符(conditional operator)是JavaScript中唯一需要三个操作数的运算符

运算的结果根据给定条件在两个值中取其一

condition ? val1 : val2

如果condition为true，则结果取val1，否则为val2

var status = (age >= 18) ? "adult" : "minor";

当age大于等于18的时候，语句将"adult"赋值给status，否则将"minor"赋值给status

逗号操作符

逗号操作符(comma operator)对两个操作数进行求值并返回第二个操作数的值

它常常用在for循环中，在每次循环时对多个变量进行更新

for (var i = 0, j = 9; i <= j; i++, j--)
  console.log("a[" + i + "][" + j + "]= " + a[i][j]);

a = b = 3, c = 4; // Returns 4 in console
console.log(a); // 3 (left-most)

x = (y = 5, z = 6); // Returns 6 in console
console.log(x); // 6 (right-most)

一元操作符

一元操作符仅对应一个操作数

delete操作符

delete操作符, 删除一个对象(an object)或一个对象的属性(an object's property)或者一个数组中某一个键值(an element at a specified index in an array)

delete objectName;
delete objectName.property;
delete objectName[index];
delete property; // legal only within a with statement

如果 delete 操作成功, 属性或者元素会变成 undefined. 如果 delete可行会返回true，如果不成功返回false.

x = 42;
var y = 43;
myobj = new Number();
myobj.h = 4;    // create property h
delete x;       // returns true (can delete if declared implicitly)
delete y;       // returns false (cannot delete if declared with var)
delete Math.PI; // returns false (cannot delete predefined properties)
delete myobj.h; // returns true (can delete user-defined properties)
delete myobj;   // returns true (can delete if declared implicitly)

还有typeof、void

关系运算符

in操作符

如果指定的属性(property)在指定的对象(object)中则会返回true

propNameOrNumber in objectName

in 操作的常见用法

// Arrays
var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
0 in trees;        // returns true
3 in trees;        // returns true
6 in trees;        // returns false
"bay" in trees;    // returns false (you must specify the index number,
                   // not the value at that index)
"length" in trees; // returns true (length is an Array property)

// Predefined objects
"PI" in Math;          // returns true
var myString = new String("coral");
"length" in myString;  // returns true

// Custom objects
var mycar = {make: "Honda", model: "Accord", year: 1998};
"make" in mycar;  // returns true
"model" in mycar; // returns true

阅读资料：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide

复习方式：实践(代码写一次、跑一次、测试一次)，不懂的地方谷歌，阅读和做笔记

底线原则：宁可重写一次，也不复制粘贴

本次复习内容有：运算符···

复习耗时：断断续续持续了几天···我也是醉了···

本文由 Chakhsu Lau 创作，采用 知识共享署名4.0 国际许可协议进行许可。
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名。