JS基础

作者: 徐辉英 | 来源:发表于2019-04-03 16:23 被阅读0次

转换为number

a=true;//1

a=false; //0

a=null; //0

a=undefined; //NaN

转换方式1:使用Number()函数

转换方式2:这种方式专门用来转换字符串 parseInt()把一个字符串转换为一个整数(进行小数取整)  parseFloat()把一个字符串转换为一个浮点数    <只可以转换有效内容>

有关数字其他进制

在JS中  如果表示16进制的数字以0x开头 8进制以0开头 二进制以0b开头不是所有浏览器都支持

通用 在进行转换时传入想要转换的进制数防止浏览器误解析

例如

<script type="text/javascript"> 

    var a=123;

    a='070';

    a=parseInt(a);

    a=parseInt(a,10);

    console.log(typeof a);                    console.log(a);

</script>


转换为布尔值

使用Boolean()函数 

数字----布尔(除了0和none其余都是true除了空字符串其余都是true) null和undefined都会转换为false 对象会转为true


运算符

typeof用来返回数据类型

‘Boolean’ ‘string’ ‘undefined’ 'object'

算术运算符

‘+’ ‘-’ ‘*’ ‘%’ ‘/’

除了加法是把数字转换为字符串进行拼接

其余转换为数字正常计算  任何值和NaN做运算都得NaN

隐式类型转换利用string()函数

1.<将一个任意的数据类型转换为String只需要为任意的数据类型 + 一个 " " 即可将其转换为String>

2.<任何值做- * /运算时都会自动转换为Number可以通过为一个值 -0 *1 /1来将其转换为Number 原理和Number()函数一样,使用起来更加简单>


自增自减

自增 ++

-通过自增可以使变量在自身的基础上增加1 对于一个变量自增以后,原变量的值会立即自增1

自增分成两种:后++(a++)前++(++a)

无论是a++还是++a,都会立即使原变量的值自增1  不同的是a++和++a的值不同

a++的值等于原变量的值(自增前的值)

++a的值等于新值 (自增后的值)

自减 --

通过自减可以使变量在自身的基础上减1 自减分成两种:后--(a--) 和 前--(--a)

无论是a--还是--a都会立即使原变量的值自减1 不同的是a-- 和 --a的值不同

a-- 是变量的原值 (自减前的值)

--a 是变量的新值 (自减以后的值)


逻辑运算符

遇false则false

遇true则true

非使用符号 ! 表示,与使用 && 表示,或使用 || 表示

赋值运算符

+=、*=、-=、/=、%=H

成立返回true 不成立返回false 

------------------------------------------------------

关系运算符

小于(<) 、大于(>) 、小于等于(<=)和大于等于(>=) 比较后返回一个布尔值 用来表示两个值之间的关系

------------------------------------------------------

相等

JS中使用==来判断两个值是否相等,如果相等则返回true。

使用!=来表示两个值是否不相等,如果不等则返回true。

注意:null和undefined使用==判断时是相等的。

------------------------------------------------------

全等

===表示全等,他和==基本一致,不过==在判断两个值 时会进行自动的类型转换,而===不会。

!==表示不全等,同样比较时不会自动转型。

逗号

使用逗号可以在一条语句中执行多次操作

使用逗号运算符分隔的语句会从左到右顺 序依次执行

条件运算符

条件运算符也称为三元运算符。通常运算符写为?:。 这个运算符需要三个操作数,第一个操作数在?之前, 第二个操作数在?和:之间,第三个操作数在:之后。


运算符的优先级

相关文章

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

  • 最新web前端相关课程学习链接

    js基础篇 js进阶篇 js高级篇 vue基础篇 vue高级篇 react基础 react高级 Nodejs基础 ...

  • web前端 -- Day23 js高级

    js基础 JavaScript简称:JS JS分三个部分: ECMAScript标准---基础的语法 DOM D...

  • 前端JavaScript面试技巧

    1-1 课程概述 要做什么?——讲解前端 JS 基础面试题 哪些部分?——JS 基础,JS-WEB-API,JS ...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • 2018-12-20

    1.01.尚硅谷_JS基础_JS简介(1) 10.10.尚硅谷_JS基础_Null和Undefined(10) 1...

  • JS基础和WebAPIs的关联性

    学习ECMAscript标准规定的基本语法掌握JS基础语法只学习JS基础做不了网页交互效果学习JS基础语法是为了后...

  • 2019-07-27 前端面试题

    1.js的基础类型 js的基础类型包括 Undefined , Null , String ,Number ,...

  • 网络编程(十九) JavaScript(9)

    一、 JS的组成 1.1 JS基础阶段以及Web APIs阶段 【1】JS基础阶段 我们学习的生死ECMAScri...

  • 发现•分享—2019-01-17

    文章 JS JS 异步编程六种方案 JS基础—原型对象的那些事(一) JS基础—原型对象的那些事(二) CSS 综...

网友评论

      本文标题:JS基础

      本文链接:https://www.haomeiwen.com/subject/vhnobqtx.html