JavaScript中一些特殊的字符运算


Posted in Javascript onAugust 17, 2017

1.什么是 --> ?

    这两个分开是很简单的两个运算符,比如--,一般表示自减,var i = 5;while(i){console.log(i--);},会打印出5,4,3,2,1;

   那么这两个结合起来呢?

  在c中 -->表示的是趋向于,也就是说 --> 0 表示的是趋向于0.

#include <stdio.h>
int main()
{
 int x = 10;
 while (x --> 0) // x goes to 0
 {
  printf("%d ", x);
 }
}

 那么它在javascript中是否同样起效?

var n = 5;
while (n --> 0){
 console.log(n);
}

在Chrome的控制台运行之后的效果是这样的

JavaScript中一些特殊的字符运算

也就是说-->这个箭头函数(此箭头函数非彼箭头函数=>)同样适用于javascript,大家有没有觉得这个箭头函数很眼熟

<script language="javascript"> 
 <!-- 
   document.bgColor = "brown"; 
   // red
  // --> 
</script>

箭头符号在 JavaScript 诞生时就已经存在,当初第一个 诞生时就已经存在 JavaScript 教程曾建议在HTML 注释内包裹行脚本,这样可以避免不支持 JS 的浏览器误将 JS 代码显示为文本。

那么除了 --> 这种形式还有别的表现形式吗?

var x = 5;
while( --x> 0 ) 
{
 console.log(x);
}

JavaScript中一些特殊的字符运算

我们惊奇的发现 --x>也可以表现出趋于的性质,那么--x>是什么意思?

这表示  递减x然后比较X和0 >操作符

讲到这里大家基本都明白了吧,于是可以延伸出一系列的运算符

--> x-->0
++> x++>0
-->= x-->=0
++>= x++>=0
--< x--<0
++< x++<0
--<= x--<=0
++<= x++<=0

2.~~的作用

从字面上看~~就是转反再转反包括对布尔类型、undefined、null的操作如

JavaScript中一些特殊的字符运算

另外一点把true转化为1的可以直接Number(true)

但是这不是最大的亮点,~~可用于取整,与 | 0功能相当

JavaScript中一些特殊的字符运算

值得一提的是 它与 Math.floor的区别是,Math.floor是向下取整,而~~在正数的范围是向下取整,在负数的范围是向上取整的。

另外 !!将一个值方便快速转化为布尔值 !!window===true

这些特殊运算符在某种程度上大大的方便了我们的计算使用。

总结

以上所述是小编给大家介绍的JavaScript中一些特殊的字符运算,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
深入理解javascript构造函数和原型对象
Sep 23 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
提交按钮的name='submit'引起的js失效问题及原因
Feb 25 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
Apr 07 Javascript
优化RequireJS项目的相关技巧总结
Jul 01 Javascript
jQuery实现tab选项卡效果的方法
Jul 08 Javascript
JavaScript对象学习小结
Sep 02 Javascript
js带前后翻页的图片切换效果代码分享
Sep 08 Javascript
微信小程序开发实战教程之手势解锁
Nov 18 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
js仿淘宝放大镜效果
Dec 28 Javascript
浅谈node.js中间件有哪些类型
Apr 29 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
Aug 17 #Javascript
JS 中LocalStorage和SessionStorage的使用
Aug 17 #Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 #jQuery
详解JS中的柯里化(currying)
Aug 17 #Javascript
JavaScript实现简单评论功能
Aug 17 #Javascript
vue绑定class与行间样式style详解
Aug 16 #Javascript
Vue的MVVM实现方法
Aug 16 #Javascript
You might like
网站当前的在线人数
2006/10/09 PHP
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
php对csv文件的读取,写入,输出下载操作详解
2013/08/10 PHP
PHP编写的图片验证码类文件分享
2016/06/06 PHP
PHP实现的一致性Hash算法详解【分布式算法】
2018/03/31 PHP
thinkPHP5框架自定义验证器实现方法分析
2018/06/11 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
JavaScript 学习点滴记录
2009/04/24 Javascript
jQuery EasyUI中对表格进行编辑的实现代码
2010/06/10 Javascript
autoPlay 基于jquery的图片自动播放效果
2011/12/07 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
jquery实现浮动的侧栏实例
2015/06/25 Javascript
tuzhu_req.js 实现仿百度图片首页效果
2015/08/11 Javascript
AngularJS入门教程之路由与多视图详解
2016/08/19 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
2016/12/07 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
vue结合element-ui使用示例
2019/01/24 Javascript
详解webpack编译速度提升之DllPlugin
2019/02/05 Javascript
NodeJS实现一个聊天室功能
2019/11/25 NodeJs
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
Python中MySQL数据迁移到MongoDB脚本的方法
2016/04/28 Python
Python提取频域特征知识点浅析
2019/03/04 Python
在python里面运用多继承方法详解
2019/07/01 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
python使用matplotlib:subplot绘制多个子图的示例
2020/09/24 Python
html5的新玩法——语音搜索
2013/01/03 HTML / CSS
使用phonegap克隆和删除联系人的实现方法
2017/03/31 HTML / CSS
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
什么是岗位职责
2013/11/12 职场文书
爱情检讨书大全
2014/01/21 职场文书
工地安全检查制度
2014/02/04 职场文书
中青班党性分析材料
2014/02/16 职场文书
买房子个人收入证明
2014/10/12 职场文书
教师自查自纠材料
2014/10/14 职场文书
jQuery实现广告显示和隐藏动画
2021/07/04 jQuery