重零开始学前端-基础(2) 运算符和数据转换
在上篇文章,我简单介绍了js中的数据类型,现在主要介绍js中的运算符合数据转换。运算符就是通过+、-、*、/等方式来对数据变量进行更改或重新赋值的一个过程,在此期间代码结构非常简单,但是因为组合的方式比较多,有些时候也不好理解,所以我会配置大量的中文讲解,言语会比较拖拉,但是觉得简单易懂。
在js中运算符通常有三种使用方式:
1.+、-、*、/、%(取余)
2.+=、-=、*=、/=、%=
3.++、--
那么对应着,在运算的过程中不可避免会对原有的数据结构进行更改,那么这种方式成为数据类型转换。
同样数据类型一般有三种转换方式:
1.隐式转换:计算机自己本身运算,造成数据的更改称为隐式转换。
2.显式转换:通过特定的方法对原有数据结构更改,如parseFloat或.toString()成为显示转换(也可以理解为看得见摸得着)
3.强制转换:通过特定的数据类型结构对某一个变量进行类型方式转换,称之为强制转换。(不成功,就成仁)
上面的定义我们先放在那里,先看一个比较简单的代码
var a = "你好";var b = "张三";var c = "5";var d = "4";1. a+b // 你好张三2. a+c // 你好53. a-b // NaN4. a-c // NaN5. c-d // 1
好啦,是不是神神奇的结果,我们一点点来进行解读。
首先第一个开始:string字符串类型由一个最强大的特性,即无论与任何数据结构进行相加,最终得到的结果一定是字符串,如果我们队 "11"+1 那么最终的结果是将 字符串的数据11和数字1进行拼接,最终得到 "11"+1 = "111"
string字符串在本身是一个数字结构的情况下,允许进行除加法外的任何算法,如减、乘、除、余等 并最终返回一个数字
如: "22"/2 = 11 、 "33.2"*2 = 66.4
当然也会有些奇葩的操作 如:"你好"/2 = NaN 在这里 因为字符串本身不是纯数字组成的 所以没有办法进行合理的计算,最终运算失败,但是有些时候为了后续程序的运行和逻辑,我们不想让程序报错,否则无法执行,这样浏览器提供了一个全新的数据类型表达方式 NaN ,正常的名称为 not a number, 即不是一个数字。
转载于:https://www.cnblogs.com/ygapp/p/6433017.html
重零开始学前端-基础(2) 运算符和数据转换相关推荐
- 前端如何查看音频的长度_重学前端基础:如何查看文档对象的所有属性?如何文档查找节点?...
文档树 Document Object Model (DOM) 为文档对象模型, 它使用对象的表示方式来表示对应的文档结构及其中的内容. 下面为一个样例 p 元素在文档中的对象所包含的所有属性. 控制 ...
- html 自定义属性_重学前端基础:属性操作,重点getAttribute / setAttribute方法
属性操作 HTML 属性与 DOM 属性的对应 每个 HTML 属性都会对应相应的 DOM 对象属性. 属性操作方式 读取属性 User Name: input.className; // 'text ...
- 零基础如何学前端,如何规划?
一直以来,IT行业都是以高薪资.高福利赢得不少求职者的青睐,而对于WEB前端而言,亦是如此. 对于零基础学习前端的人总会有两个问题: 前端学习路线是什么? 在入门阶段,你首先要学会最基本的技能:根据U ...
- 零基础学前端系列教程 | 和前端谈恋爱的第003天——电影海报
温馨提示:被[]包裹的是专有名词,详细介绍见下文的恋爱宝典,你可以在目录中快速找到它们,有任何问题/建议,欢迎随时微信我,我是朝阳 13908056224! 约会邀请函已经做好了,但迟迟没有发出去 零 ...
- 零基础开始学前端有什么建议?
如今,随着物联网时代的到来和网络营销的日益发展,前端技术比以往更加火热.我们可以看到Web应用与新技术趋势紧密相连,而这直接导致了前端行业广阔的就业前景.正因如此,学习前端的朋友越来越多了.为了帮助大 ...
- 零基础学前端系列教程 | 和前端谈恋爱的第006天——了解喜好
温馨提示:被[]包裹的是专有名词,详细介绍见下文的恋爱宝典,你可以在目录中快速找到它们,有任何问题/建议,欢迎随时微信我,我是朝阳 13908056224! 这是姐姐传授给我的恋爱秘籍 -- 投其所好 ...
- winter重学前端——训练营预习课
重学前端读书笔记 javascript javascript 类型 javascript对象 面向对象与基于对象 模拟类 JavaScript 中的对象分类 javascript 执行 Promise ...
- 判断字符串 正则_(重学前端 - JavaScript(模块一)) 14、引用类型之 RegExp (正则)(详述)...
上一篇文章介绍了 JavaScript 中的 Date 类型,从地理方面的原理知识开始入手,如果大家认真看过上一篇文章,相信 JavaScript 中的 Date 类型已经难不住大家了!!! 但是今天 ...
- 有前端基础学前端要多久?
来参加前端培训的同学有不少都是有一定前端基础的同学,大家都想知道有一定基础的情况下能不能学习的更快一些或者说有一定前端基础能不能学的更容易?下面小千就来给大家说道说道. 有前端基础学习要多久? 对于有 ...
最新文章
- 14.PHP_PHP与XML技术
- 四大基本反应类型的关系_初中化学7大反应类型总结,收藏
- 【Python】Python常用数据类型的基本操作(长文系列第①篇)
- C#代码规范 .NET程序员需要提升的修养1
- flash as3 android air 插入视频,FLASH加载外部影片as3代码
- cad线性标注命令_CAD常用标注快捷键和命令
- 计算机指令取决,不同的计算机,其指令不同,这主要取决于什么?
- PHP在线定制商城网站源码V3.0
- 如何给一家公司做定性研究?
- js 取小数整数部分
- 源码之前,了无秘密(一)——iterator adapter
- 强烈的公帑意识让香港人盯紧官员的公款支出
- 短信验证码在线测试体验
- labview软件工程师必备模块,做项目时遇到无赖客户可以在规定天数到达锁死
- 中国城市生活节奏排行榜
- esxi能直通的显卡型号_显卡参数看不懂?手把手教你选独立显卡
- Nutch抓取过程简析
- 深度神经网络简单介绍,深度神经网络百度百科
- easyui分页查询为什么会有下拉框_Easyui 添加分页组件_EasyUI 教程
- 【数据结构】线性表之单向链表的八大基操