fromCharCode和fromCodePoint区别

最新推荐文章于 2024-12-10 11:22:27 发布
原创 最新推荐文章于 2024-12-10 11:22:27 发布 · 3.9k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#fromCodePoint

本文深入探讨了ES6中String.fromCodePoint方法的使用，对比了与String.fromCharCode的区别，尤其是在处理超过0xFFFF码点的Unicode字符，如emoji表情时的优势。文章还列举了几种特殊Unicode字符的转写方式。

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 697
【代码】charAt,chartCodeAt,codePointAt,fromCodePoint,fromCharCode。
JavaScript 进行数值与对应的 ASCII 字符之间的转换【from​Char​Code、from​Code​Point、charCodeAt、code​PointAt】
FKNIGHT 的博客
10-14 1903
引言： 今天遇到一个需求，需要动态创建一个 JS 对象数组，对象中的 key 值并不都是一样的（准确说是一个有序的字母），具体如下： var options = [ {"A":"选项A XXXX"}, {"B":"选项B XXXX"}, {"C":"选项C XXXX"}, {"D":"选项D XXXX"}, ] 第一眼感觉很简单，但是仔细看的话，就会发现与我...
比较fromCharCode、charCodeAt、charAt、fromCodePoint、codePointAt
个人前端记录
05-03 1828
如果非要给这几种方法划清一下界限， fromCharCode(),charCodeAt(),charAt()是ES5中的字符串方法，其中fromCharCode()用于String对象，charCodeAt(),charAt()用于字符串的实例方法； fromCodePoint(),codePointAt()是ES6新增的特性，fromCodePoint()用于String对象，codePoi...
javascript charCodeAt() 和 fromCharCode()
kuwoleft
09-27 306
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 2002
是 JavaScript 内置的一个静态方法，它将一组 Unicode 值转换为对应的字符，并返回一个字符串。这种方法非常适合于处理简单的字符编码转换。是要转换为字符的 Unicode 编码值。可以传入一个或多个数字。// 输出 "A"// 输出 "a"// 输出 "€"在这个例子中，我们传入了不同的 Unicode 编码值，分别返回了字符'A''a'和'€'。是 ES6 引入的一个更为强大的方法，它与类似，但可以处理更广泛的字符集。与只能处理 16 位编码的字符不同，
JavaScript fromCharCode() 方法
wuxiaopengnihao1的博客
09-11 2987
JavaScript fromCharCode() 方法可接受一个指定的Unicode 值，然后返回一个字符串。本文章通过语法和示例解释了如何使用字符串 fromCharCode()方法。
String.fromCodePoint()方法
歪脖先生的博客
01-17 5681
String.fromCodePoint()方法ES5 提供String.fromCharCode()方法，用于从码点返回对应字符，但是这个方法不能识别 32 位的 UTF-16 字符（Unicode 编号大于0xFFFF）。String.fromCharCode(0x20BB7)// "ஷ"上面代码中，String.fromCharCode()不能识别大于0xFFFF的码点，所以0x20BB7就
String.fromCharCode怎么使用
08-16
1. 如何使用 `String.fromCodePoint()` 与 `String.fromCharCode()` 区别？ 2. 如何在 JavaScript 中将字符转换为对应的 Unicode 编码？ 3. 如何使用 `String.fromCharCode()` 生成 ASCII 表中的字符？ 4. 在 Java ...
如果数据已经是 Uint8Array 类型，可以直接使用 Array.from() 和 String.fromCharCode() 进行转换
最新发布
08-16
JavaScript 提供了多种方式来实现这一点，其中使用 `Array.from()` 和 `String.fromCharCode()` 是一种常见且有效的方法。 `Array.from()` 方法可以将类数组对象（如 `Uint8Array`）转换为真正的数组，从而可以使用...
return String.fromCharCode(charCode)
08-16
1. `String.fromCodePoint()` 与 `String.fromCharCode()` 有何区别？ 2. 如何使用 JavaScript 将 Unicode 编码转换为字符？ 3. 如何处理超出基本多语言平面的 Unicode 字符？ 4. `charCodeAt()` 和 `fromCharCode()...
javascript Unicode 编码: codePointAt、fromCodePoint
灵台方寸山斜月三星洞
11-26 433
function encode(str){ return str.split("").map(v=>v.codePointAt()).join(','); } function decode(str){ return str.split("").map(v=>String.fromCodePoint(v)).join(','); }
JavaScript中的String对象研究01_String基础介绍_String构造方法_静态方法:fromCharCode、fromCodePoint、raw
qq_33546823的博客
10-14 934
String对象用于表示和操作文本（字符串）。字符串字面量：使用单引号或双引号括起来的字符序列。String对象：使用String构造函数创建的新对象。方法返回由指定的Unicode码点序列创建的字符串。方法返回使用指定的码点序列创建的字符串，支持Unicode的全部码点，包括超出16位的字符。是用于处理模板字符串的一个标签函数，用于获取模板字符串的原始字符（未转义的字符串）。可以作为模板字符串的标签函数使用，也可以自定义自己的标签函数。${// 输出： // ["Hello\n", "
Javascript中的charCode和codePoint的区别
weixin_33991418的博客
05-11 845
为什么80%的码农都做不了架构师？>>> ...
ES6 入门教程 5 字符串的新增方法 5.1 String.fromCodePoint() & 5.2 String.raw() & 5.3 实例方法：codePointAt()
代码改变世界
11-15 325
ES6 入门教程 5 字符串的新增方法 5.1 String.fromCodePoint() & 5.2 String.raw() & 5.3 实例方法：codePointAt()
String.fromCharCode妙用只能input输入正数
lz305263的博客
05-31 1043
type 可以是任何类型 $('input[type=score]').keypress(function(e) {   if (!String.fromCharCode(e.keyCode).match(/[0-9\.]/)) {     return false;   } });
ES6---String字符串新方法汇总
COCOLI_BK的博客
11-07 836
模板字符串（ template string ）是增强版的字符串 ，用反引号（、）标识。它可 以当作普通字 符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。
ES6字符串新增方法
Z00_hy的博客
09-02 323
es6新增字符串用法
fromcharcode_字符串fromCharCode（）方法，带有JavaScript中的示例
cumtb2009的博客
06-25 1619
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 210
String.fromCodePoint() ES6 提供了String.fromCodePoint()方法，可以识别大于0xFFFF的字符 String.fromCodePoint(0x20BB7) // "
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值