项目期复习：JS操作符，弹窗与调试，凝视，数据类型转换

2024-05-29 02:00:44

版权声明：本文为博主原创文章，未经博主同意不得转载。 https://blog.csdn.net/huangyibin628/article/details/26364901

1、JS操作符

① 除法运算后。是有小数存在的。跟C语言不同之处

var num = 67/4; ----------> 输出：16.75
console.log(num);

② 通常情况下。操作符与数值/变量之间须要有空格隔开

1）赋值操作符 =

2）算数操作符 + 、- 、*、 / 、% ，除法是能够有小数存在的

③ 取余最后结果正负与被除数有关与除无关

如：（-7）%3 = -1 7%3=1 （-7）%（-3）=-1 7%（-3）=1

④ result +=2；等同于 result = result+2；

⑤ 关系操作符

大于	小于	等于	大于等于	不等于	小于等于
>	<	== ===	>=	!=	<=

1）数字0 的布尔值为false

2）== 比較的是数值，仅仅要数字相等，即符合条件

3）=== 全等比較数值，类型都匹配才返回true

4）字符串的比較是依照一位一位的进行的，即便字符串书数字 ' 2345' ,也任然依照每位进行比較，与字符串长度无关。

⑥ 条件操作符

表达式1 ？表达式2 ：表达式3

⑦ 逻辑操作符

与 && 或 || 非！

console.log(!NaN); -----> true
console.log(NaN); -----> NaN

console.log(NaN==true);   ----->  false
     console.log(NaN==false); ----->  false
     console.log(NaN==NaN); ----->  false

⑧ 递增递减操作符 ++ -- （以后统一写i++ 方式不写++i方式）

var i=3;

var sum=i++; ---------->sum=3 运算后 i=4

⑨ 操作符优先级：

2、JavaScript三种弹窗方式

① alert（）表示警告

② confirm（）表示确认

③ prompt（）表示对话

[ 弹窗换行：alert（'你好\r'）； alert('你好\n')；]

3、JavaScript的两种凝视方法

行凝视

// 这是行凝视，注意'//'后面有空格

/* 这是一段凝视 */

块凝视

/*

* 凝视以一行（*后面记得有空格）

* 凝视以二行（*后面记得有空格）

* 凝视以三行（*后面记得有空格）

*/

4、JS数据类型的转换

显式转换：通过手动进行类型转换，Javascript提供了下面转型函数：

转换为数值类型： Number(mix)、parseInt(string,radix)、parseFloat(string)

转换为字符串类型： toString(radix)、String(mix)

转换为布尔类型： Boolean(mix)

隐式转换：在某些情况下，即使我们不提供显示转换。Javascript也会进行自己主动类型转换

至于具体的显示隐身转换可參见博客：http://t.cn/zlWtl49

JS的基本数据类型包含：Boolean、String、Null、Number、Object、Undefined

① 数字→字符串： 200 + '' == "200" [加一个空字符型]

② 字符串→数字： "200" * 1 == 200 或者 "200" - 0 == 200 [乘以1或者减去0]

③ Number( ): 用于将不论什么数据类型转换为“数值”

Number（true）	1
Number（false）	0
Number（NaN）	NaN
Number（Undefined）	NaN
Number（Null）	0

④ parseInt( ): 用于将字符串转换成整数型

[注]遇到非数字，会自己主动停止。取当前字符串前面的数字，假设前面没有数字，直接字母开头，返回NaN

Eg: console.log(parseInt('g54')); // 输出NaN

Eg：console.log(parseInt('0628')); // 输出628 自己主动忽略掉0开头的字符串

parseInt( ); 进行进制的转换

二进制 Eg：console.log(parseInt(110，2)); // 输出6

八进制 Eg：console.log(parseInt(16,8)); // 输出14

十六进制 Eg：console.log(parseInt(15,16)); // 输出 F

[注] 当要转换的数值超过所要转换的进制数的时候，会出现输出NaN Eg：parseInt(8,8）; // NaN

公式： parseInt(数值。要转换的N进制)；

parseInt在不同浏览器存在兼容问题，parseInt（0x10）；依照16进制进行转换

parseInt（010）。IE6会依照八进制进行转换。谷歌火狐IE9+等浏览器会依照10进制进行转换

⑤ parseFloat( )：用于将字符串转换为 "浮点型数据"（即小数），parseFloat() 方法与 parseInt() 方法的处理方式类似。从位置 0 開始查看每一个字符，直到找到第一个非有效的字符为止，然后把该字符之前的字符串转换成整数。

⑥ Boolean( )：当要转换的值是至少有一个字符的字符串、非 0 数字或对象时，Boolean() 函数将返回 true。假设该值是空字符串、数字 0、undefined 或 null，它将返回 false。

var b1 = Boolean(""); //false - 空字符串

var b2 = Boolean("hello"); //true - 非空字符串

var b1 = Boolean(50); //true - 非零数字

var b1 = Boolean(null); //false - null

var b1 = Boolean(0); //false - 零

var b1 = Boolean(new object()); //true - 对象

⑦ String（）：它可把不论什么值转换成字符串。要运行这样的强制类型转换，仅仅须要调用作为參数传递进来的值的 toString() 方法。即把 12 转换成 "12"，把 true 转换成 "true"。把 false 转换成 "false"，以此类推。

强制转换成字符串和调用 toString() 方法的唯一不同之处在于。对 null 和 undefined 值强制类型转换能够生成字符串而不引发错误。 toString()里面能够写须要转换成的几进制

var s1 = String(null); // "null"

var oNull = null;

var s2 = oNull.toString(); // 会引发错误

转载于:https://www.cnblogs.com/ldxsuanfa/p/9939847.html

项目期复习：JS操作符，弹窗与调试，凝视，数据类型转换相关推荐

前端牛客网刷题总结【 JS基础变量、数据类型、数据类型转换、运算符等】
1.JavaScript是解释性语言.正确.体现在JS文件在完成之后,不会经过任何的编译.而是在运行时去解释执行.最好的例子就是,JS中一个函数有语法的错误,但是不会因为这个局部的错误而影响其他函数运 ...
JS基础笔记(一)2强制数据类型转换
2.强制数据类型转换指将一个数据类型强制转换为其他的数据类型类型转换主要指,将其他的数据类型,转换为 String Number Boolean 其他数据类型转换String 方式一: -调用被转 ...
在Visual Studio上开发Node.js程序(2)——远程调试及发布到Azure
[题外话] 上次介绍了VS上开发Node.js的插件Node.js Tools for Visual Studio(NTVS),其提供了非常方便的开发和调试功能,当然很多情况下由于平台限制等原因需要在 ...
Node.js实战(四)之调试Node.js
当项目逐渐扩大以后,功能越来越多,这时有的时候需要增加或者修改,同时优化某些功能,就有可能出问题了.针对于线上Linux环境我们应该如何调试项目呢? 别怕,Node.js已经为我们考虑到了. 通过 n ...
js中的debugger调试
js中的debugger调试 debugger:停止JS的执行,相当于设置断点. 在JS代码编写的过程中,我们都会通过浏览器的调试模式(F12)来检查代码是否正确,大多数我们都是通过设置断点来进行调试 ...
JS操作符转化字符串为数字
随时随地技术实战干货,获取项目源码.学习资料,请关注源代码社区公众号(ydmsq666) from:http://cnodejs.org/topic/53400c0c018dc21c220082b3 ...
JAVA大学生科技创新项目管理系统计算机毕业设计Mybatis+系统+数据库+调试部署
JAVA大学生科技创新项目管理系统计算机毕业设计Mybatis+系统+数据库+调试部署 JAVA大学生科技创新项目管理系统计算机毕业设计Mybatis+系统+数据库+调试部署本源码技术栈: 项目架构 ...
Vue项目打包后js文件压缩
前言这段时间因为免费试用了https://free.aliyun.com/一台阿里云的服务器,配置是 2核4G 2M, 因为带宽太低了,每次在第一次加载的时候太慢了,通过F12调试,发现主要是因为加 ...
前端复习——js（四）
前端复习--js 面向对象编程面向对象编程介绍面向过程POP(Process-oriented programming) 面向对象OOP(Object Oriented programming) ...
egg mysql 项目实战,egg.js创建项目，目录介绍，简单使用，sequelize mysql使用
1.egg项目的创建创建项目 npm init egg --type=simple 安装依赖 npm i 依赖安装完成后运行命令 npm run dev 即可运行项目参考官方文档 https:// ...

最新文章

热门文章