分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

2-JS运算符

发布时间:2023-09-06 02:03责任编辑:郭大石关键词:运算符

1、运算符

1)算术运算符

 1 <button id="btn" onclick="suanShu()">运算</button> 2 <script> 3 ????// + - * / % ++ -- 4 ????var i = 521,j = 1314; 5 ????var sum = i + j; 6 ????var difference = j - i; 7 ????var product = i * j; 8 ????var quotient = j / i; 9 ????var congruent = j % i; ?//j除以i后的余数10 ????var addSelf = i++; ?????// ++在前,先+后运算,++在后,先运算后加 此时i= 52211 ????var selfCut = --j; ?????// --在前,先+后运算,--在后,先运算后加 此时j=131312 ????function suanShu() {13 ????????document.getElementById("sumId").innerHTML = "两数相加结果:" + sum;14 ????????document.getElementById("differenceId").innerHTML = "两数相减结果:" + difference;15 ????????document.getElementById("productId").innerHTML = "两数相乘结果:" + product;16 ????????document.getElementById("quotientId").innerHTML = "两数相除结果:" + quotient;17 ????????document.getElementById("congruentId").innerHTML = "两数取余结果:" + congruent;18 ????????document.getElementById("addSelfId").innerHTML = "i自加结果:" + addSelf;19 ????????document.getElementById("selfCutId").innerHTML = "j自减结果:" + selfCut;20 ????}21 </script>22 <p id="sumId"></p>23 <p id="differenceId"></p>24 <p id="productId"></p>25 <p id="quotientId"></p>26 <p id="congruentId"></p>27 <p id="addSelfId"></p>28 <p id="selfCutId"></p>

2)赋值运算符

1 // = += -+ *= /= %=2 ????var x = i+=j; ??????//i = i+j3 ????var y = i -=j; ?????//i = i-j4 ????var m = i *= j; ????//i = i*j5 ????var n = i /= j; ?????//i = i/j

3)字符串操作

字符串拼接:var i= 5+"5",结果为55.任何数据类型与字符串数据类型相加,都会转换为 字符串类型做处理

4)比较运算符 (== 、=== 、 != 、!==、>、<、>=、<= )

 1 <script> 2 ????var m = 12,n = "12"; 3 ????var x = 23,y = "23"; 4 ????document.write(m==n); ??//true 5 ????document.write(m===n); ?//false 6 ????document.write(m!=x); ??//true 7 ????document.write(m!==n); ?//true 8 ????document.write(m>y); ???//false 9 ????document.write(x<=n) ???//false10 </script>

5)逻辑运算符(&&、||、!)

1 <script>2 ????var i = 100,j = 200;3 ????document.write(i>100 && j<=200); ???//与,两者都需满足4 ????document.write(i>100 || j<=200); ???//或,两者满足其一5 ????document.write(!(i==j)); ???// 取反6 </script>

6)条件运算符

<script> ???var i = 11; ???document.write(i>10 ? "i大于10":"i小于10"); //条件为真执行前,为假执行后</script>

2-JS运算符

原文地址:https://www.cnblogs.com/mxyweb/p/9299472.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved