个人文档
  • AI编程Cursor
  • GPT使用笔记
  • npm常用库合集
  • 同步用
  • 小Demo们
  • 工具网站教程集合
  • HTML、CSS 工具方法集合
    • HTML 全局属性
    • css常用功能
    • font-face 字体|子集相关
    • iframe父子页面传值
    • input输入优化
    • loading状态
    • nodejs使用谷歌邮箱发邮件
    • 为 Dom 自定义事件监听
    • 初始html的head标签配置
    • 拼音输入中文汉字的事件监听
    • 文字颜色效果
    • 文档片段范围 Range
    • 移动端开发-rem
    • 等宽字体推荐
    • 网站SEO优化注意点
    • 邮件html模板
  • JS 工具方法集合
    • Axios 简单使用
    • Axios 简单封装
    • Gitbook的安装和使用
    • Github 登录开发
    • HTML转为纯文本
    • JS 中强大的操作符
    • cookie 操作
    • js 动态加载js资源
    • js 常用功能语句
    • js取代trycatch的方法封装
    • js接口下载二进制
    • script 标签的异步属性
    • 判断当前是移动端还是pc端
    • 刷新token队列管理
    • 前端多线程 Web Worker
    • 加密-AES对称加密
    • 加密-node进行rsa加密解密
    • 地区省市区三级联动的地址数据 + 功能
    • 复制插件
    • 开发时环境变量
    • 得到随机图片
    • 数字格式整理集合
    • 数学计算插件
    • 时间格式整理
    • 获取ip地址
    • 获取url传参
    • 进制转换和位运算符
    • 页面隐藏|激活|关闭的监听
  • JS 知识点研究
    • Babel 历史和原理
    • Babel 配置和使用
    • Function 的 apply、call、bind
    • HTTP浏览器缓存粗解
    • Source map 文件还原为源码
    • TS常用技巧
    • js 的加载和模块化
    • js 的新数据类型 Symbol
    • js的代理对象 proxy 和 defineProperty
    • js的原型链 prototype
    • vite 打包体积优化
    • webpack 可视化打包文件大小插件
    • webpack 基础使用配置
    • webpack 版本5的报错
    • yeoman 开发脚手架的工具
    • 同步异步和微任务宏任务
    • 移动端调试---谷歌工具+eruda+vconsole
    • 转换-Blob URL
    • 转换-FileReader
    • 转换-Js文件类型和转换
    • 转换-前端开发的URL的编码和解码
    • 转换-字符串和Base 64的转换
  • Node 和 Npm 相关
    • Node 开发环境配置
    • express + jwt 校验
    • node 常用方法
    • node后台服务器-PM2
    • node基本使用
    • npm 中依赖的版本问题
    • npm 功能使用
    • npm指令说明和其他对比
    • nvm版本管理+自动切换node版本
  • React 学习
    • React Hook
    • React 项目基础开发
    • React.memo 和 React.PureComponent
    • React懒加载进阶
    • useContext Hook
    • useEffect Hook
    • useMemo 和 useCallback - Hook
    • useRef Hook
    • useState Hook
    • 同步修改变量功能封装 useVal for react
    • 轻便的传值组件
  • Rust 语言相关
    • Rust 基本
    • Rust 基础学习
    • Rust 调用 Object-C 的API
    • Tauri 基本使用
    • Tauri 是什么
  • VUE 学习
    • Vue3 使用
    • Vue3使用hook
    • Vue开发小技术点
    • vue路由切换时的动画效果
    • 花式引入组件和资源-打包时拆包减少js体积
  • Web3相关
    • Web3.0开发上-准备和概念理解
    • Web3.0开发下-功能代码示例
    • 以太坊区块链和Web3.0
    • 开发智能合约
  • python
    • pyenv版本管理工具
    • python初始化
    • python基本概念
    • venv虚拟环境
  • 个人其他
    • Steam Deck的基本设置和插件
  • 其他编程相关
    • Git教程和常用命令
    • Java开发-JDK和Maven的安装和卸载
    • Jenkins安装和基本使用
    • Linux系统指令
    • Mac 使用2K屏幕开启缩放
    • Mac 使用VS code打开项目
    • Mac 安装 Homebrew
    • Mac 的终端 shell 与 zsh
    • Mac 软件和插件
    • MacBook使用建议
    • Mac升降级到指定版本的系统
    • Mac安装Zsh
    • Mac安装软件各种提示
    • Mac系统脚本语言 AppleScript 的使用
    • Mac终端代理工具
    • Markdown(md)文档开发-Typora
    • Mysql 的安装和使用
    • Nginx 安装和基础使用
    • Nginx 稍微高深的配置
    • Slate - Api 的文档开发工具
    • Sublime配置
    • Ubuntu的 apt-get 使用
    • VScode配置
    • Windows 软件和插件
    • curl 工具使用
    • github 网站访问优化
    • host 文件
    • inquirer 终端中和用户交互
    • uTools的插件开发教程
    • vim 文本编辑功能
    • 使用 Github Pages 免费部署网站
    • 压缩指令 zip 和 unzip
    • 油猴的安装和开发(Tampermonkey)
    • 阿里云简略使用
  • 微信开发
    • 微信小程序开发
    • 微信开发必读
    • 微信开发提前购买域名
    • 微信手机打开的页面中授权登录
    • 微信扫码登录
    • 微信服务号登录+推送服务提醒
    • 自定义分享卡片-node.js实现
  • 数据结构与算法
    • KMP算法
    • Wildcard字符串分析算法
    • 二叉树
    • 字典树
    • 时间复杂度浅析
    • 算法神器——动态规划
Powered by GitBook
On this page
  • 进制转换和位运算符
  • 前言
  • & 位与
  • | 位或
  • ^ 位异或
  • ~ 非位
  • << 左移
  • >> 右移
  • >>> 无符号右移

Was this helpful?

  1. JS 工具方法集合

进制转换和位运算符

title: 进制转换和位运算符 id: 5085a812eeecd061b2e3a20c75f7ee9c tags: [] date: 2000/01/01 00:00:00 updated: 2023/03/04 19:29:12 isPublic: true --#|[分隔]|#--

进制转换和位运算符


位运算符是在数字底层(即表示数字的 32 个数位)进行操作的。

js 的位运算符有 7 个:

  • 逻辑位运算符:

    • & 位与

    • | 位或

    • ^ 位异或

    • ~ 非位

  • 移位运算符

    • << 左移

    • >> 右移

    • >>> 无符号右移

位运算符是用来对数字进行位运算,在对数字进行位运算时,无论两个数组原本是几进制的,都会先自动转为二进制,位运算执行完成后,再转为十进制返回。

前言

任意进制(2 ~ 36)字符串 转为 十进制数字

函数可解析一个其他进制的字符串,并返回一个十进制的整数。

parseInt(figure, radix)

  • figure:Number | String,要被解析的字符串

  • radix:可选,Number | String,表示要解析的数字的基数(进制),该值介于 2 ~ 36 之间,无该参数或该参数值为 0,则等同于值为 10

注意:

  • 赋值一个数字时,js会自动做处理,比如:

    • 以 1-9 开头,正常十进制

    • 以 0b 开头,则会认为其是一个二进制数字,并自动转为十进制,比如 let a = 0b11,打印 a 的值为 3

    • 以 0o 开头(旧版本为 0 开头,语言已推荐使用 0o),则会认为其是一个八进制数字,并自动转为十进制,比如 let a = 011,打印 a 的值为 9

    • 以 0x 开头,同理,会认为其是一个十六进制数字,let a = 0x11,打印 a 的值为 17

  • radix 的值是 Number 还是 String,在结果上无任何区别

  • 当 figure 为数字格式时,会先自动转为十进制,再交由 parseInt 函数处理

  • 当 figure 为字符串格式时,figure 直接交由 parseInt 处理,中间不会有任何自动转换

代码说明:

console.log(parseInt('0x10', 16)) // 16 解析:'0x10' 这个字符串,是一个 16 进制的,帮我转成十进制:1 * 16 + 0 = 16
console.log(parseInt(10, 16)) // 16,解析:10 这个数字,是一个 16 进制的,帮我转成十进制:1 * 16 + 0 = 16
console.log(parseInt(0o13, 16)) // 17
// 解析:
// 第一个参数 0o 开头,自动识别其为八进制,自动把 0o13 转为十进制的值为:11,变成:console.log(parseInt(11, 16))
// 此时第一个参数为11,再读取第二个参数值为16,相当于告诉程序:11这个数,是一个十六进制的数,帮我转为十进制
// 最终得到:1 * 16 + 1 = 17

console.log(parseInt(0x11, 16)) // 23
// 解析:
// 第一个参数 0x 开头,自动识别其为十六进制,自动把 0x11 转为十进制的值为:17,变成:console.log(parseInt(17, 16))
// 此时第一个参数为17,再读取第二个参数值为16,相当于告诉程序:17这个数,是一个十六进制的数,帮我转为十进制
// 最终得到:1 * 16 + 7 = 23

任意进制数字 转为 任意进制(2 ~ 36)字符串

NumberObject.toString(radix)

把一个 Number 对象(默认十进制,可根据写法自动判断)转换为一个 2 ~ 36 进制字符串,并返回结果

  • radix 可选,Number | String,表示要返回的数字的基数(进制),该值介于 2 ~ 36 之间,无该参数或该参数值为 0,则等同于值为 10

代码说明:

console.log((0o110).toString('16')) // 48
// 解析:
// 第一个参数 0o 开头,自动识别其为八进制,自动把 0o110 转为十进制的值为:72,变成:console.log((72).toString('16'))
// 此时第一个参数为72,再读取第二个参数值为'16',相当于告诉程序:72这个数帮我转为十六进制
// 最终得到:48

console.log((0x10).toString('16')) // 10,解析同上
console.log((110).toString('16')) // 6e,此时第一个参数为110,再读取第二个参数值为'16',相当于告诉程序:110这个数帮我转为十六进制

& 位与

依次对比上下两位,两个数的二进制对应位置都是 1 时,当前位的运算结果为 1,否则为 0。

比如计算 10 & 12

1010 // 10 的二进制
1100 // 12 的二进制
---- &
1000 // 结果 => 8

所以最终结果为 8。

上面有说,无论两个数组原本是几进制的,都会先自动转为二进制,所以,把 10 和 12 依次转为16进制:

10 & 12 等同于 0xa & 12 等同于 0xa & 0xc => 结果均为 8

| 位或

依次对比上下两位,两个数的二进制对应位置有一个值是 1 时,当前位的运算结果为 1,否则为 0。

比如计算 10 & 12

1010 // 10 的二进制
1100 // 12 的二进制
---- |
1110 // 结果 => 14

^ 位异或

依次对比上下两位,两个数的二进制对应位置的值不同时,当前位的运算结果为 1,否则为 0。

比如计算 10 & 12

1010 // 10 的二进制
1100 // 12 的二进制
---- ^
0110 // 结果 => 6

~ 非位

这一块涉及到一些二进制的拓展知识,我暂时还没来得及整明白,下面只大致写一下结果。

  1. 把运算数转换成 32 位数字

  2. 把二进制数转换成它的二进制反码(0 变为 1,1 变为 0)

  3. 把二进制数转换成浮点数 var iNum1 = 25 // 25 等于 00000000000000000000000000011001 var iNum2 = ~iNum1 // 转换为 11111111111111111111111111100110

00000000000000000000000000001100 // 12 的二进制
---- ~
11111111111111111111111111110011 // => -13

<< 左移

把所有的值,向左侧移动几位,右侧新空出的位置补 0

比如计算 3 << 1

00011 // 3 的二进制
00110 // 把最右侧的两个有效值 1 和 0,向左侧移动两位,右侧空出位置补 0
// 最终结果为 6

>> 右移

和左移相反,这个是向右移,最右端超出范围的数直接舍去

比如计算 3 >> 1

00011 // 3 的二进制
00001 // 把最右侧的两个有效值 1 和 0,向右侧移动一位,右侧超出范围的数字直接舍去
// 最终结果为 1

>>> 无符号右移

比较难懂,同样是涉及到二进制一些拓展,暂未整理。

Previous获取url传参Next页面隐藏|激活|关闭的监听

Last updated 3 months ago

Was this helpful?