学会网站建设能成为一项职业吗,做商城网站的公司推荐,天津建设工程信息网官网首页,天津网约车驾驶员申请系统编程笔记 html5cssjs 074 Javascript 运算符 一、Javascript运算符1. 算术运算符2. 赋值运算符3. 一元运算符4. 位运算符5. 关系和比较运算符6. 逻辑运算符7. 条件(三元)运算符8. 属性访问和调用运算符9. 删除、new 和 typeof 运算符 二、Javascript运算符的特点小结… 编程笔记 html5cssjs 074 Javascript 运算符 一、Javascript运算符1. 算术运算符2. 赋值运算符3. 一元运算符4. 位运算符5. 关系和比较运算符6. 逻辑运算符7. 条件(三元)运算符8. 属性访问和调用运算符9. 删除、new 和 typeof 运算符 二、Javascript运算符的特点小结 有了数据类型当然要进行运算所有程序都离不开运算那运算符就至关重要。 JavaScript中的运算符种类较多下面我将按照类型列出各种运算符并提供示例 一、Javascript运算符
1. 算术运算符 加法可以用于数值相加或字符串连接。var a 5;
var b 3;
console.log(a b); // 输出8
var str1 Hello ;
var str2 World;
console.log(str1 str2); // 输出Hello World- 减法var x 10;
var y 4;
console.log(x - y); // 输出6* 乘法var c 4;
var d 2;
console.log(c * d); // 输出8/ 除法var e 12;
var f 3;
console.log(e / f); // 输出4% 取模求余数var g 17;
var h 5;
console.log(g % h); // 输出22. 赋值运算符 基本赋值var i 10;相加后赋值var j 10;
j 5; // 相当于 j j 5;
console.log(j); // 输出15- 相减后赋值var k 10;
k - 3; // 相当于 k k - 3;
console.log(k); // 输出7* 相乘后赋值var l 5;
l * 2; // 相当于 l l * 2;
console.log(l); // 输出10/ 相除后赋值var m 10;
m / 2; // 相当于 m m / 2;
console.log(m); // 输出5% 取模后赋值var n 13;
n % 5; // 相当于 n n % 5;
console.log(n); // 输出33. 一元运算符 自增前置和后置形式前置先自增再使用值后置先使用值再自增var num1 1;
console.log(num1); // 输出2 (前置)
var num2 1;
console.log(num2); // 输出1 (后置), num2现在是2-- 自减同理有前置和后置形式var dec1 2;
console.log(--dec1); // 输出1 (前置)
var dec2 2;
console.log(dec2--); // 输出2 (后置), dec2现在是1- 正负号取相反数var positive 5;
var negative -positive;
console.log(negative); // 输出-5正号通常用于转换为数字在正数前没有实际效果var stringNum 5;
var number stringNum;
console.log(number); // 输出5 (转换为数字)! 非逻辑运算符返回布尔值的反义var truthy true;
console.log(!truthy); // 输出false~ 按位非对数字按位取反var bitwiseValue 5; // 二进制表示为 00000101
console.log(~bitwiseValue); // 输出-6 补码表示为 11111010转换回十进制即为 -6typeof 返回变量的数据类型var someVar hello;
console.log(typeof someVar); // 输出 string4. 位运算符 按位与| 按位或^ 按位异或 左移 右移符号位填充 无符号右移
例如
var bit1 6; // 二进制: 0110
var bit2 3; // 二进制: 0011console.log(bit1 bit2); // 输出 2二进制 AND 结果: 0010
console.log(bit1 | bit2); // 输出 7二进制 OR 结果: 0111
console.log(bit1 ^ bit2); // 输出 5二进制 XOR 结果: 0101console.log(bit1 1); // 输出 12左移一位: 11005. 关系和比较运算符 小于 大于 小于等于 大于等于 等于简单相等不考虑类型 全等严格相等同时比较值和类型! 不等于! 不全等
例如
var x 5;
var y 5;
console.log(x y); // 输出true, 因为它们在“”中是相等的
console.log(x y); // 输出false, 因为它们在“”中类型不同console.log(x y); // 输出false因为 5 在比较时会转化为数字56. 逻辑运算符 逻辑与|| 逻辑或! 逻辑非
例如
var condition1 true;
var condition2 false;console.log(condition1 condition2); // 输出false因为两个条件都必须为真才为真
console.log(condition1 || condition2); // 输出true因为只要有一个条件为真就为真
console.log(!condition1); // 输出false因为对true取反得到false7. 条件(三元)运算符
condition ? exprIfTrue : exprIfFalse
例如
var age 18;
var canVote (age 18) ? Yes : No;
console.log(canVote); // 输出Yes8. 属性访问和调用运算符
. 访问对象的属性或方法[ ] 访问数组元素或动态属性() 调用函数或方法
例如
var obj {name: Alice, age: 25};
console.log(obj.name); // 输出Alice
console.log(obj[age]); // 输出25var arr [1, 2, 3];
console.log(arr[1]); // 输出2function greet(name) {return Hello, name;
}
console.log(greet(John)); // 输出Hello, John9. 删除、new 和 typeof 运算符
delete 删除对象的属性new 创建新对象实例void 表示表达式结果为 undefinedtypeof 获取变量的数据类型
例如
var person {firstName: Alice};
delete person.firstName;
console.log(person.firstName); // 输出undefined因为firstName已被删除var newInstance new String(Hello);
console.log(newInstance.length); // 输出5创建了一个String对象实例console.log(void 0); // 输出undefined
console.log(typeof person); // 输出object以上就是JavaScript中大部分主要运算符及其用法示例。
二、Javascript运算符的特点
JavaScript 中的运算符具有以下特点 灵活性 JavaScript 运算符可以操作不同类型的数据比如字符串和数字。在某些情况下非数值类型会自动转换为数值类型进行计算如 用于字符串连接时若其中一个操作数是字符串则其他所有操作数都会转换为字符串进行拼接。 隐式类型转换 在比较运算符中不同的数据类型之间进行比较时JavaScript 会执行隐式类型转换。例如在使用 进行相等性判断时如果两边的操作数类型不同JavaScript 尝试将它们转换成相同类型再做比较。 逻辑短路 对于逻辑与 () 和逻辑或 (||) 运算符JavaScript 采用“短路”评估策略。即对于 expr1 expr2如果 expr1 为假则不需评估 expr2对于 expr1 || expr2如果 expr1 为真则不需评估 expr2。 一元运算符 一元运算符如 、--、-、 可以前置或后置使用并对单个操作数产生影响。前置运算符先改变变量值再返回新值后置运算符先返回当前值然后改变变量值。 赋值运算符复合 JavaScript 支持多种复合赋值运算符如 、-、*、/、% 等这些运算符既能完成相应的数学运算又能完成赋值操作。 位运算符 提供了按位与 ()、按位或 (|)、按位异或 (^)、左移 ()、右移 () 和无符号右移 () 等位运算符这些运算符主要针对整数类型的二进制表示进行操作。 条件(三元)运算符 条件运算符 condition ? exprIfTrue : exprIfFalse 是一种简洁的表达式形式根据条件决定返回两个表达式中的哪一个。 全等与严格相等 相等运算符 和严格相等运算符 的区别在于后者同时检查值和类型是否相等而前者会在比较前尝试进行类型转换。 解构赋值 ES6 引入了解构赋值语法允许通过一个数组或对象字面量来快速提取多个值并分配给对应变量。 剩余与扩展运算符 ... 运算符用作剩余参数收集函数传入的不定数量的参数或者作为扩展运算符复制数组或类数组对象的部分或全部元素到另一个数组。
每个运算符都有其特定的行为和优先级顺序程序员在编写代码时需要注意这些细节以确保正确执行预期的操作。
小结
少年编程学习者对还没有学过的运算不用急于了解此处全部列出便于参考。但建议学习数学时可以制定个人合适的学习计划和进度提交学习一些中高等数学的知识很我好处。
