JavaScript之运算符、进制

最新推荐文章于 2024-07-16 16:43:05 发布
最新推荐文章于 2024-07-16 16:43:05 发布
阅读量323 收藏 6
点赞数 4
分类专栏： JavaScript 文章标签： javascript ecmascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40588441/article/details/139766655
版权

引入方式

内部js

执行顺序

image-20200727111950081

外部引入js

外部引入放在头部

内联js

image-20200727112623768

变量与常量

常量

image-20200727114238319

document用法

document.write(“

我是h1

”)

原样输出

image-20200727114903523

空格

 空格

 全角空格（一个中文大小的空格）

 半角空格（半个中文大小的空格）

数据类型

  • 字符串 string
  • 数字 number
  • 数组 array
  • 布尔类型 boolean
  • 空值 null
  • 未定义 undefined
  • object 对象

判断数据类型 typeof

  • typeof方法返回的是字符串
  • typeof null/array => “object” 空对象
  • undefined( 值) => 类型也是 undefined
  • 数组也是特殊格式的对象(object)

console.log注释

image-20200727150715314

特殊值（数组类型 number）

Nan（not a number）非数字

Infinity 无穷大

运算符

算术运算符

隐式类型转换

  • 字符串遇到"+" 会拼接形成新的字符串（无论加号在前，还是在后）

  • 字符串遇到"- * / %" 。会隐式转化为数字

    • 如果是纯数字类型的字符串， 转化为对应的数值
    • 如果是非纯数字类型的字符串 ，转化为NaN

  • boolean值遇到算术运算符 转化为数字

    • true 1

      false 0

  • null 遇到算术运算符，转化为数字类型 ，变成0

  • undefined 遇到算术运算符，变成NaN

强制类型转换

javascript parseInt() 函数的进制转换注意细节
https://www.jb51.net/article/33107.htm

String() 将其他类型转化为字符串类型

number() 将其他类型转化为数字类型

  • 如果是纯数字类型的字符串， 转化为对应的数值
  • 如果是非纯数字类型的字符串 ，转化为NaN
  • 空字符串转为0
  • 空格字符串转换为0

boolean() 将其他类型转为布尔类型

  • 自己有实际值，转化为boolean值，则为true

  • 空字符串转为boolean值，为false

  • 自己本身无实际值，转化为boolean值，则为false

  • 0转换为boolean则为false

  • NaN转化为boolean值为false

  • Infinity转化为boolean值，则为true

  • null 转化为boolean值，则为false

  • undefined转化为boolean值，则为false

parseInt() 将其他类型转化为十进制整数

parseInt()找到字符串中第一个非数字之前的数，转化为整数

参数

parseInt(string, radix) 有2个参数

  • 第一个string 是传入的数值，
  • 第二个radix是 传入数值的进制，参数radix 可以忽略，默认为 10，各种进制的数转换为 十进制整数

parseFloat() 将其他类型转化为浮点数（小数）

精度丢失问题

关系运算符

优先级

image-20200727173414093

单个等号代表赋值操作

两个等号代表相等（只比较数值，忽略类型，即使等号左右两边的数类型不一样）

!= 比较不相等（不比较类型）

三个等号代表全等(既比较数值，也比较类型)

!= 比较不全相等（比较类型和数值）

关系运算符，返回布尔值

  • 字符串和字符串笔记，按照ASCIL码对照表进行比较（先比较第一位）

    image-20200729090643678

  • 如果是字符串和数字比较，字符串隐式转化为数字

image-20200728092025161

  • 如果是布尔类型和数字比较，布尔类型隐式转换为数字

image-20200728092106411

  • null和数字比较，null不转化（没有可比性，都是false，仅限于等于比较的情况）

  • underfined和数字比较 ，underfined不转化

  • null和undefined 比较 数值相等，类型不相等

Math计算

image-20200727180127119

相关方法

Math.random() 随机生成0-1的随机数（取得到0，取不到1）

Math.min() 接收多个值，返回最小值

Math.max() 接收多个值，返回最大值

Math.pow(m,n) m的n次方

Math.ceil() 向上取整

Math.floor() 向下取整

Math.round( ) 四舍五入

Math.abs() 绝对值

相关属性

Math.PI

float类型丢失精度问题

解决办法

  • 在java中，使用BigDecimal，而且需要在构造参数使用String类型

  • 把两个数扩大100倍，运算之后，再缩小100倍

  • num.toFixed(2) 保留两位小数（返回是是字符串）

number.toString() 将数字转化为字符串

进制转换

参考链接；https://blog.csdn.net/final__static/article/details/89405945

二进制与十进制

十进制转二进制

image-20200728144208305

二进制转十进制

image-20200728144325180

二进制与八进制

八进制转二进制

image-20200728144424062

二进制转八进制

image-20200728144610654

二进制与十六进制

十六进制转二进制

image-20200728144705501

二进制转十六进制

image-20200728144749943

十进制与八进制与十六进制之间的转换

若梦plus
关注
  • 4
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript之常用运算符
努力是为了站在万人中央成为别人的光
09-08 918
在Javascript中，有使用很多的运算符，来帮助我们进行逻辑运算的判断。 运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 Javascript 常见的有五种运算符： 算数运算符 赋值运算符 递增和递减运算符 比较运算符 逻辑运算符 三元运算符 接下来，我就一一介绍它们的用法及应用场景 1.算数运算符 使用场景：算术运算使用的符号，用于执行两个变量或值的算术运算。 我们都知道在日常的生活中，我们难免会进行交易，比如 你去超市买东西，会和收银员进行物品与金钱的
计算机二进制运算符,二进制运算符
weixin_39704727的博客
07-28 3204
概述作用速度块都作用于32位整数二进制位运算符用于直接对二进制位进行计算，一共有7个。二进制或运算符(or)：符号为|，表示若两个二进制位都为0，则结果为0，否则为1。二进制与运算符(and)：符号为&，表示若两个二进制位都为1，则结果为1，否则为0。二进制否运算符(not)：符号为~，表示对一个二进制位取反。异或运算符(xor)：符号为^，表示若两个二进制位不相同，则结果为1，否则为0。...
JavaScript之运算符
小谷围最靓的仔
11-28 224
通过运算符，可以将变量连接成语句，语句是JavaScript代码中的执行单位。 赋值运算符 通常，使用赋值运算符将一个常量值、另外一个变量的值或者表达式的值赋给变量。赋值语句本身是有值的，赋值语句的值就是等号（=）右边被赋的值。因此，赋值运算符支持连续赋值。 算术运算符 JavaScript支持所有的基本算术运算符，下面是7个基本的算数运算符： 加法运算符：+（+还可以作为字符串的连接...
javaScript——二进制位运算符
songshuguowang的专栏
01-22 2281
概述 二进制位运算符用于直接对二进制位进行计算，一共有7个。 二进制或运算符（or）：符号为|，表示若两个二进制位都为0，则结果为0，否则为1。 二进制与运算符（and）：符号为&，表示若两个二进制位都为1，则结果为1，否则为0。 二进制否运算符（not）：符号为~，表示对一个二进制位取反。 异或运算符（xor）：符号为^，表示若两个二进制位不相同，则结果为1，否则为0。 左移...
13 JavaScript学习：运算符
热门推荐
百锦再的博客
04-25 7万+
JavaScript 中的算术运算符用于执行基本的数学运算，常见的算术运算符包括加法（+）、减法（-）、乘法（*）、除法（/）和求余（%）。：将数字的二进制码向右移动指定的位数，高位补符号位（正数补0，负数补1）。减等赋值（-=）：将右侧的值从左侧的变量中减去，并将结果赋给左侧的变量。加等赋值（+=）：将右侧的值加到左侧的变量上，并将结果赋给左侧的变量。乘等赋值（*=）：将左侧的变量乘以右侧的值，并将结果赋给左侧的变量。除等赋值（/=）：将左侧的变量除以右侧的值，并将结果赋给左侧的变量。
JavaScript 运算符—二进制位运算符
qq_36836277的博客
03-10 146
学习网站 https://mp.weixin.qq.com/s/NKLYOX0UlYCuCSb6sRbzzA or |,and& xor^,not~,<<,>> 位运算只对整数有效，遇到小数时，会将小数部分舍去，只保留整数部分。所以，将一个小数与0进行二进制或运算，等同于对该数去除小数部分，即取整数位。 2.9 | 0 // 2 -2.9 | 0 // -2 2....
JavaScript——运算符的全面解析
Bonsoir777的博客
07-27 787
本文主要介绍的是js中运算符的相关知识点
【JavaScript】运算符及其优先级
早睡早起长头发的博客
11-08 2568
运算符可以快速地对变量的值进行递增和递减操作，它属于一元运算符，只对一个表达式进行操作。（一元运算符）：参与运算的对象只有一个，并运算符必须出现在运算对象的左边。用来对数据进行二进制运算，将参与运算的操作数视为由二进制（0和1）组成的32位的串。赋值运算符用于将运算符右边的值赋给左边的变量，常用的赋值运算符及示例见下表。在实际开发中，逻辑运算符经常用于多个条件的判断，常用的逻辑运算符见下表。单目运算符，若a为false，结果为true，否则相反。a和b都为true，结果为true，否则为false。
【JavaScript】运算符
小秀的博客
05-06 1112
自增运算符（++）用于将变量的值增加 1，而自减运算符（–）用于将变量的值减少 1。如果第一个运算子的布尔值为 false，则直接返回第一个运算子的值，不再对第二个运算子求值。先看两个运算子是否都是字符串，如果是，就按照字典顺序比较（比较 Unicode 码点，几乎包含所有字符），位数不相同依次比较各位上的字符；如果所有表达式的布尔值都为 false，则返回最后一个表达式的值。在上面的例子中，逗号运算符首先执行了加法操作 5 + 3，然后执行了减法操作 10 - 2，最终返回了减法的结果，即 8。
javascript每日必学之运算符
10-22
在JavaScript中，运算符是编程语言中用于执行特定计算或操作的符号。本文将深入探讨JavaScript中的运算符，包括正序、分支、循环...熟练掌握这些运算符，将有助于你更好地理解和编写JavaScript代码，逐步迈向大神之路。
JavaScript进制转换实现方法解析
10-15
此外，JavaScript还支持使用 `&`、`|`、`^` 等位运算符对二进制数据进行操作，这对于低级别的数据处理非常有用。 在实际开发中，JavaScript的进制转换功能被广泛应用于前端开发，例如在创建动态色彩丰富的网页元素...
JavaScript常用进制转换及位运算实例解析
10-14
JavaScript中的进制转换和位运算在编程中虽然不常见，但却是理解计算机底层运作和优化算法的基础。本文将深入探讨这两个主题，通过实例解析帮助读者掌握相关知识。 首先，我们来了解一下进制转换。在计算机科学中，...
javascript运算符——位运算符全面介绍
01-19
本文将介绍javascript中常常被忽视的运算符——位运算符 二进制表示　 ECMAScript中的所有数值都以IEEE-754 64位格式存储，但位操作符并不直接操作64位的值，而是以32位带符号的整数进行运算的，并且返回值也是一个...
javascript表达式和运算符详解
10-20
- 位运算符：如 `a | b`，在二进制级别上操作数值。 - 逻辑运算符：如 `exp1 && exp2`，用于逻辑判断。 - 字符串运算符：如 `"a" + "b"`，将字符串连接起来。 - 特殊运算符，如 `delete` 用于删除对象的属性，...
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 761
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
更新商品前端接口编写
weixin_55639995的博客
07-12 418
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
vue解决页面放大图片模糊的问题
m0_56104994的博客
07-12 318
解决页面放大，图片模糊的问题
JS+CSS特效：HTML+JS+CSS 实现精致的带二级菜单的头部菜单
最新发布
uu0216的博客
07-16 804
既然a标签把它填满导致了原来的内圆角没有了，而去掉了a标签的背景色依然没有出现圆角。那么我不妨把第一行的两个菜单项和最后一行的两个菜单项写个圆角。这里利用子选择器实现。为了避免菜单项数量改变而导致样式的变化，需要把样式写在最后两个子列表项上，而不是第7和第8上面。所以，在最后两个列表项上，我们使用的 nth-last-child 而不是 nth-child。
JavaScript算术运算符详解
"这篇教程详细介绍了JavaScript中的算术运算符，包括双目运算符和单目运算符。JavaScript是一种基于对象、事件驱动的脚本语言，由Netscape公司开发，因其简单性、安全性和动态性等特性受到广泛应用。尽管名字相似，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值