fromCharCode和fromCodePoint区别

最新推荐文章于 2024-12-10 11:22:27 发布
最新推荐文章于 2024-12-10 11:22:27 发布
阅读量3.9k 收藏 2
点赞数 3
分类专栏： 前端 es6 js 文章标签： fromCodePoint
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/bjhan_csdn/article/details/98730148
版权

String.fromCharCode()方法可以实现把码点转成字符打印,比如String.fromCharCode(0x0061)，控制台会输出a，但是fromCharCode只能对不大于0xFFFF的码点才有效，如果我们要打印一个emoji表情笑脸?，首先我们知道这个笑脸的Unicode编码是1f601，但是很明显超出了FFFF，如果使用fromCharCode并不会输出我们想要的笑脸

String.fromCharCode(0x1f601)
//""

你会发现输出的是一个方框，

String.fromCharCode(0xf601)
//""

你会发现使用fromCharCode输出0x1f601和输出0xf601结果是一样的，这是因为1f601超出了ffff，所以输出结果把1f601中的高位1截断了，实际输出的还是f601。

所以为了解决不能大于0xffff的问题，es6出现了fromCodePoint。

String.fromCodePoint(0x1f601)
//"?"

终于出现了我们想要的结果，fromCodePoint是可以传递多个参数的，在处理过程中会对多个参数进行拼接处理。

String.fromCodePoint(0x1f601,0x1f601,0x1f601)
//"???"

标记几个不能直接使用Unicode的转写的，只能使用转义形式。比如反斜杠 前面要加上转义符号才可以，\u005c

  • U+005C：反斜杠（reverse solidus)
  • U+000D：回车（carriage return）
  • U+2028：行分隔符（line separator）
  • U+2029：段分隔符（paragraph separator）
  • U+000A：换行符（line feed）
charAt,chartCodeAt,codePointAt,fromCodePoint,fromCharCode
大赚万万亿
10-09 630
【代码】charAt,chartCodeAt,codePointAt,fromCodePoint,fromCharCode。
JavaScript 进行数值与对应的 ASCII 字符之间的转换【from​Char​Code、from​Code​Point、charCodeAt、code​PointAt】
FKNIGHT 的博客
10-14 1842
引言： 今天遇到一个需求，需要动态创建一个 JS 对象数组，对象中的 key 值并不都是一样的（准确说是一个有序的字母），具体如下： var options = [ {"A":"选项A XXXX"}, {"B":"选项B XXXX"}, {"C":"选项C XXXX"}, {"D":"选项D XXXX"}, ] 第一眼感觉很简单，但是仔细看的话，就会发现与我...
比较fromCharCode、charCodeAt、charAt、fromCodePoint、codePointAt
个人前端记录
05-03 1781
如果非要给这几种方法划清一下界限， fromCharCode(),charCodeAt(),charAt()是ES5中的字符串方法，其中fromCharCode()用于String对象，charCodeAt(),charAt()用于字符串的实例方法； fromCodePoint(),codePointAt()是ES6新增的特性，fromCodePoint()用于String对象，codePoi...
javascript charCodeAt() 和 fromCharCode()
kuwoleft
09-27 279
1. charCodeAt () 将字符转换为代码; var str="Hello world!" document.write(str.charCodeAt(1)) 'cjk':['u4e00','u9fa5'],//汉字[一-龥] 'num':['u0030','u0039'],//数字[0-9] 'lal':['u0061','u007a'],//小写字母[a-z] '...
【JavaScript】fromCharCode 和 fromCodePoint 的详解与应用
lph159的博客
12-10 1527
是 JavaScript 内置的一个静态方法，它将一组 Unicode 值转换为对应的字符，并返回一个字符串。这种方法非常适合于处理简单的字符编码转换。是要转换为字符的 Unicode 编码值。可以传入一个或多个数字。// 输出 "A"// 输出 "a"// 输出 "€"在这个例子中，我们传入了不同的 Unicode 编码值，分别返回了字符'A''a'和'€'。是 ES6 引入的一个更为强大的方法，它与类似，但可以处理更广泛的字符集。与只能处理 16 位编码的字符不同，
JavaScript fromCharCode() 方法
wuxiaopengnihao1的博客
09-11 2926
JavaScript fromCharCode() 方法可接受一个指定的Unicode 值，然后返回一个字符串。本文章通过语法和示例解释了如何使用字符串 fromCharCode()方法。
String.fromCodePoint()方法
歪脖先生的博客
01-17 5572
String.fromCodePoint()方法ES5 提供String.fromCharCode()方法，用于从码点返回对应字符，但是这个方法不能识别 32 位的 UTF-16 字符（Unicode 编号大于0xFFFF）。String.fromCharCode(0x20BB7)// "ஷ"上面代码中，String.fromCharCode()不能识别大于0xFFFF的码点，所以0x20BB7就
UB.js:U2B 和 B2U 填充
06-04
`utob`函数可能使用了JavaScript的内置方法如`Array.from()`，`String.fromCharCode()`，以及`btoa()`（用于Base64编码），而`btou`函数可能使用了`atob()`（用于Base64解码）以及`String.fromCodePoint()`来处理...
JavaScript 编解码 Base64 速度测评
henry_23的博客
04-29 1068
文章中介绍了两种进行 Base64 编解码的思路，一种是利用现有的 atob 和 btoa 函数，另一种也是利用现有的 FileReader 和 Fetch API.
渗透测试：XSS实验集合
WEL测试
12-22 988
MCIR-XSSMH：challenge0 页面：/mcir/xssmh/challenges/challenge0.php 1、验证是否存在XSS注入：<script>alert(1)</script> 2、存在XSS注入，要求是弹出“Hello World”，调整注入内容：<script>alert("Hello, world!")</script>url如下： http://mcir.pte.com/mcir/xssmh/xss.php?locati
javascript Unicode 编码: codePointAt、fromCodePoint
灵台方寸山斜月三星洞
11-26 348
function encode(str){ return str.split("").map(v=>v.codePointAt()).join(','); } function decode(str){ return str.split("").map(v=>String.fromCodePoint(v)).join(','); }
Javascript中的charCode和codePoint的区别
weixin_33991418的博客
05-11 826
为什么80%的码农都做不了架构师？>>> ...
ES6 入门教程 5 字符串的新增方法 5.1 String.fromCodePoint() & 5.2 String.raw() & 5.3 实例方法：codePointAt()
谢谢你们的关注
11-15 235
ES6 入门教程 5 字符串的新增方法 5.1 String.fromCodePoint() & 5.2 String.raw() & 5.3 实例方法：codePointAt()
String.fromCharCode妙用只能input输入正数
lz305263的博客
05-31 1022
type 可以是任何类型 $('input[type=score]').keypress(function(e) {   if (!String.fromCharCode(e.keyCode).match(/[0-9\.]/)) {     return false;   } });
ES6字符串新增方法
Z00_hy的博客
09-02 289
es6新增字符串用法
fromcharcode_字符串fromCharCode（）方法，带有JavaScript中的示例
cumtb2009的博客
06-25 1567
fromcharcode 字符串fromCharCode()方法 (String fromCharCode() Method) fromCharCode() Method is a string method in JavaScript, it is used to get the character from the given Unicode(s). By using this functio...
ECMAScript6第五章字符串处理方法扩展学习笔记
oneofprogrammer的博客
08-07 188
String.fromCodePoint() ES6 提供了String.fromCodePoint()方法，可以识别大于0xFFFF的字符 String.fromCodePoint(0x20BB7) // "
❤ JavaScript 函数
林太白
09-28 2479
❤ JavaScript 函数 获取指定对象的自身属性描述符。自身属性描述符是指直接在对象上定义（而非从对象的原型继承）的描述符。
fromcharcode 对java,fromCharCode疑惑
weixin_34640051的博客
03-13 462
移位密码也就是密码中的字母会按照指定的数量来做移位。一个常见的案例就是ROT13密码，字母会移位13个位置。由'A' ↔ 'N', 'B' ↔ 'O'，以此类推。写一个ROT13函数，实现输入加密字符串，输出解密字符串。所有的字母都是大写，不要转化任何非字母形式的字符(例如：空格，标点符号)，遇到这些特殊字符，跳过它们。解：function rot13(str) { // LBH QVQ VG!...
fromCharCode数组
最新发布
01-23
### JavaScript `fromCharCode` 方法处理数组 在 JavaScript 中，`String.fromCharCode()` 是一种用于将 Unicode 编码转换成相应字符的方法。当需要处理由多个编码组成的数组时，可以利用扩展运算符 (`...`) 或者 `apply` 方法来简化操作。 #### 使用扩展运算符传递参数列表 现代浏览器支持 ES6 的语法特性，允许直接使用扩展运算符展开数组作为函数调用的参数： ```javascript const codes = [109, 97, 111, 109, 97, 111, 51, 54, 53, 46, 99, 111, 109]; const result = String.fromCharCode(...codes); console.log(result); // 输出："mamao365.com" ``` 这种方法简洁明了，适用于大多数场景下的开发需求[^1]。 #### 利用 Function.prototype.apply 处理旧版环境兼容性 对于不完全支持最新标准的老版本浏览器或运行时环境来说，还可以借助于 `Function.prototype.apply` 来实现相同的效果： ```javascript const codesLegacy = [109, 97, 111, 109, 97, 111, 51, 54, 53, 46, 99, 111, 109]; const legacyResult = String.fromCharCode.apply(null, codesLegacy); console.log(legacyResult); // 同样输出："mamao365.com" ``` 这里第一个参数设置为 `null` 表示不需要特定的作用域对象；第二个参数则是待解包的目标数组[^2]。 #### 结合实际应用场景实例化说明 考虑一个更贴近现实的例子——从二进制缓冲区读取并解析 UTF-16 编码的文字串： ```javascript // 创建模拟的数据缓存区 const bufferExample = new ArrayBuffer(8); const uint16Example = new Uint16Array(bufferExample); // 手动填充一些代表中文字符 '你好' 的UTF-16编码数值到缓冲区内 uint16Example.set([0x4f60, 0x597d]); // 将这些整数形式的编码值转化为对应的汉字字符串表示 const decodedText = String.fromCharCode(...uint16Example); console.log(decodedText); // 屏幕上显示：“你好” ``` 上述例子展示了如何结合低级 API 和高级工具链完成复杂的文本处理任务。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值