ArrayBuffer 和 SharedArrayBuffer 有什么区别，分别用在什么场景？
ArrayBuffer 发给 Worker 时要么复制一份，要么转移所有权；SharedArrayBuffer 是主线程和 Worker 同时读写同一块内存，所以要用 Atomics 保证读改写不被打断。附共享计数器示例、跨源隔离要求和选择建议。
核心关键词ArrayBuffer 与 SharedArrayBuffer 区别
面试知识索引 · 分类、标签与搜索
JavaScript · 数据处理面试题，45 道完整答案
JavaScript · 数据处理面试题第 1 页，显示第 1–45 题，共找到 45 道完整解析，可继续按分类、标签与关键词缩小范围。
45筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
ArrayBuffer 的 transfer 和 slice 有什么区别，处理大数据时该用哪个？
slice 复制一段字节生成新的 ArrayBuffer，原来的照常可用；transfer 把内存移交给新的 ArrayBuffer，原来的变成已分离状态、长度为 0。讲清两者的内存开销、旧视图失效的问题、transfer 改变长度的规则和兼容写法。
核心关键词ArrayBuffer transfer 与 slice 区别 - 0003
怎么把 Blob 转成 ArrayBuffer，有哪些 API 可以用？
现代浏览器直接用 await blob.arrayBuffer()，老环境用 FileReader.readAsArrayBuffer 配合 load、error 事件。讲清两种写法、怎样把 FileReader 封装成 Promise、大文件为什么要用 stream 或分片读取，以及转文本的更简单方法。
核心关键词Blob 转 ArrayBuffer 的 API 方法 - 0004
Blob、File、ArrayBuffer 和 TypedArray 之间是什么关系？
File 继承自 Blob，多了文件名和修改时间；Blob 是不可修改的字节块；ArrayBuffer 是可读写的一段内存；TypedArray 是按固定类型解读 ArrayBuffer 的视图。附读取文件头的示例，讲清它们怎么互相转换。
核心关键词Blob File ArrayBuffer 二进制数据关系 - 0005
解析二进制协议时，为什么要用 DataView 而不是 Uint16Array？
解析文件头、网络包这类二进制数据时，类型化数组只能按本机字节序、按对齐位置读同一种类型，DataView 可以在任意偏移读任意宽度，并逐次指定大端或小端。附协议头解析示例和对齐报错的原因。
核心关键词DataView 字节序 与类型化数组区别 - 0006
new Date 传数字、传字符串、传多个参数，分别按什么时区算？
new Date 传数字是 UTC 毫秒时间戳，传年月日多个参数按本地时区，传字符串要看格式：只有日期按 UTC，有时间没偏移按本地，带 Z 或偏移就是确定的时间点。附对照代码、月份从 0 开始和日期溢出的坑。
核心关键词JavaScript new Date 构造器参数 时间基准 - 0007
夏令时切换那天，用 Date 做时间计算会出什么问题？
夏令时切换那天，有一小时的本地时间不存在，还有一小时会出现两次。讲清 Date 遇到不存在的 02:30 为什么变成 03:30，加 24 小时和加一天为什么不一样，以及日程类业务该怎么存时间。
核心关键词JavaScript Date 夏令时切换 时间运算问题 - 0008
Date 对象里存的是时间戳还是本地时间？为什么换台电脑打印出来就不一样？
Date 内部只存一个 UTC 毫秒时间戳，不存时区。getHours、toString 按运行环境的本地时区显示，getUTCHours、toISOString 按 UTC 显示。讲清同一个时间点为什么在北京和纽约打印不同，以及 Date 为什么记不住输入时的偏移。
核心关键词JavaScript Date 时间戳存储与时区输出 - 0009
new Date 解析失败了怎么判断？instanceof Date 为什么不够？
new Date 解析失败不会返回 null，也不报错，而是得到一个时间值为 NaN 的 Date 对象。讲清为什么 instanceof 判断不出来，怎么用 Number.isNaN 配合 getTime 检测，以及 2 月 31 日这种会被自动进位、根本不算无效的日期怎么校验。
核心关键词JavaScript 检测 Invalid Date 的方法 - 0010
setHours 和 setUTCHours 有什么区别？什么时候结果会不一样？
setHours 改的是本地钟点，setUTCHours 改的是 UTC 钟点。讲清在东八区把时间设成当天零点为什么两者差 8 小时，跨夏令时加两小时为什么一个过了 3 小时一个过了 2 小时，以及 setter 会原地修改对象、返回时间戳这两个坑。
核心关键词JavaScript Date setHours与setUTCHours区别 - 0011
getTimezoneOffset 在北京为什么返回 -480，而不是 8？
getTimezoneOffset 返回的是 UTC 减本地时间的分钟数，所以东八区是 -480，符号和常说的 UTC+8 正好相反。讲清它为什么和具体日期有关、半小时时区怎么格式化，以及想知道用户时区名该用什么。
核心关键词JavaScript Date getTimezoneOffset 时区偏移 - 0012
为什么 toISOString 打出来的时间比北京时间少 8 小时，toLocaleString 却是对的？
toISOString 固定输出 UTC 时间、以 Z 结尾，是给机器交换数据用的；toLocaleString 按语言和时区输出给人看的文本。讲清两者的分工、用 toISOString 截日期为什么会少一天，以及显示指定时区时间的正确写法。
核心关键词Date toISOString 与 toLocaleString 时区差异 - 0013
文件开头带 BOM 时，TextDecoder 会怎么处理？ignoreBOM 是什么意思？
TextDecoder 默认会识别开头的 BOM 并把它去掉，设置 ignoreBOM 为 true 反而会把 BOM 留在结果里，名字很容易理解反。讲清 BOM 是什么、为什么 Excel 导出的 CSV 常带它、分块解码怎么处理，以及它引起的 JSON 解析失败。
核心关键词TextDecoder 处理BOM ignoreBOM选项 - 0014
中文名字用 sort() 排出来乱七八糟，怎么按拼音或语言习惯排序？
数组 sort 默认按 UTF-16 编码比较字符串，中文不按拼音，item10 会排在 item2 前面。讲清 Intl.Collator 怎么按语言规则排序，numeric 和 sensitivity 两个常用选项，以及它和 localeCompare 的关系。
核心关键词Intl.Collator 按语言规则比较字符串 - 0015
页面要同时显示北京时间和纽约时间，用 Intl.DateTimeFormat 怎么写？
给 Intl.DateTimeFormat 传 timeZone 选项，就能把同一个 Date 显示成任意地区的当地时间，不用改服务器时区，也不用自己加减小时。讲清 locale 和 timeZone 的分工、IANA 时区名的写法、formatToParts 拼自定义格式，以及 SSR 时的时区一致性。
核心关键词Intl.DateTimeFormat 指定时区格式化时间 - 0016
「张三、李四和王五」这种列表文案，为什么不能直接用 join 拼？
把几个名字连成一句话，中文用顿号加「和」，美式英文最后一项前还要加逗号，德语又不加。讲清 Intl.ListFormat 的 format 用法，type 的 conjunction、disjunction、unit 三种语义，以及用 formatToParts 给每一项加链接的写法。
核心关键词Intl.ListFormat 按语言格式化列表 - 0017
显示金额时，为什么不要写 '$' + amount，而要用 Intl.NumberFormat？
金额格式不只是前面加个符号：千分位、小数位、符号放前还是放后、负数怎么写，各国都不一样，日元还没有小数。讲清 Intl.NumberFormat 的 style currency 用法、currencyDisplay 怎么区分美元和加元，以及格式化不能解决浮点精度的问题。
核心关键词Intl.NumberFormat currency 货币格式化 - 0018
很大或很小的数字，怎么用 Intl.NumberFormat 显示成科学计数法？
Intl.NumberFormat 的 notation 选项有 standard、scientific、engineering、compact 四种。讲清科学计数法和工程计数法的区别、有效数字怎么控制、和 toExponential 有什么不同，以及 988M、9.9亿这种紧凑写法该用哪个选项。
核心关键词Intl.NumberFormat 科学计数法 notation - 0019
做多语言时，「1 file / 2 files」这种单复数怎么写才对？
英语只有单数和复数两种，俄语有三种，阿拉伯语有六种，用 count === 1 判断只对英语有效。讲清 Intl.PluralRules 的 select 返回什么、怎么配合文案表使用、ordinal 模式怎么生成 1st 2nd 3rd，以及为什么文案表必须有 other。
核心关键词Intl.PluralRules 选择复数形式 - 0020
评论区的「5 分钟前」「昨天」，用 Intl.RelativeTimeFormat 怎么实现？
Intl.RelativeTimeFormat 的 format 接收一个带正负号的数值和单位，负数表示过去，正数表示未来，numeric 设为 auto 还能输出昨天、明天。讲清它只负责措辞、不负责算时间差，以及怎么自己写一个自动选单位的 timeAgo 函数。
核心关键词Intl.RelativeTimeFormat 相对时间格式化 - 0021
中文没有空格怎么分词？emoji 的长度为什么不对？Intl.Segmenter 怎么用？
split 按空格切不了中文，length 数 emoji 会多算，Intl.Segmenter 按语言规则把文本切成用户看到的字符、单词或句子。讲清 grapheme、word、sentence 三种粒度，isWordLike 和 index 的含义，以及字数统计、安全截断这些常见用法。
核心关键词Intl.Segmenter 字符串分词分句 - 0022
用户的语言浏览器不支持时，Intl 会怎么回退？应用要怎么兜底？
Intl 的构造器遇到不支持的语言不会报错，而是悄悄回退到更通用的语言或运行环境默认值。讲清 supportedLocalesOf 怎么检测支持情况、resolvedOptions 怎么看最终用了哪种语言，以及为什么应用还要有自己的语言回退，不能只依赖 Intl。
核心关键词Intl supportedLocalesOf 地区回退检测 - 0023
JSON.stringify 碰到 BigInt 直接报错，怎么序列化才不丢精度？
JSON.stringify 遇到 BigInt 会抛 TypeError，转成 Number 又会在超过 2 的 53 次方后悄悄丢精度。讲清为什么要用 replacer 转成字符串、接收端怎么按字段转回 BigInt、为什么不建议改 BigInt.prototype.toJSON，以及后端返回大数字 ID 怎么办。
核心关键词JSON.stringify BigInt 报错 自定义序列化 - 0024
JSON.stringify 遇到循环引用会报什么错？除了手动删属性还有什么办法？
对象里有属性指回自己或祖先时，JSON.stringify 会抛 TypeError: Converting circular structure to JSON。讲清 WeakSet 版 replacer 为什么会误伤共享引用，怎么用祖先栈区分真正的环，以及深拷贝为什么该用 structuredClone。
核心关键词JSON.stringify 循环引用报错 解决方案 - 0025
JSON.stringify 遇到 NaN 和 Infinity 会怎样？为什么不报错？
NaN、Infinity 和 -Infinity 都不是合法的 JSON 数字，JSON.stringify 会把它们统一写成 null，而且不报错。讲清为什么这样设计、往返之后为什么恢复不了、提交前怎么用 Number.isFinite 拦住，以及确实需要保留时怎么用 replacer 和 reviver 编码。
核心关键词JSON.stringify NaN Infinity 序列化为null - 0026
接口返回的日期是字符串，怎么用 JSON.parse 的 reviver 转回 Date？
Date 经过 JSON 往返会变成字符串，JSON.parse 不会自动转回来。讲清 reviver 怎么按字段把日期字符串恢复成 Date、它从里到外的调用顺序、返回 undefined 会删属性，以及为什么不能见到像日期的字符串就转，还有 2 月 30 日这种会被引擎悄悄挪走的日期。
核心关键词JSON.parse reviver 解析日期字符串 - 0027
JSON.stringify 的第二个参数有什么用？怎么用它过滤和转换属性？
JSON.stringify 的第二个参数 replacer 可以是函数或属性名数组。函数能逐个转换或过滤值，数组是属性白名单，而且对嵌套对象同样生效。讲清两种形式的区别、根节点空 key、调用顺序、数组元素返回 undefined 会变成 null，以及 toJSON 和 replacer 的先后。
核心关键词JSON.stringify replacer 参数过滤属性 - 0028
对象里有 undefined、函数和 Symbol，JSON.stringify 之后它们去哪了？
undefined、函数和 Symbol 在 JSON 里都没有对应的类型：在对象里整个属性被删掉，在数组里变成 null，单独序列化直接返回 undefined。讲清三种位置为什么处理不同、PATCH 接口里「不传」和「传 null」的区别，以及 Symbol 键、稀疏数组这些细节。
核心关键词JSON.stringify 处理undefined 函数 Symbol - 0029
正则的 s 标志是干什么的？和 m 标志有什么区别？
s 标志让点号能匹配换行符，m 标志让 ^ 和 $ 能匹配每一行的开头和结尾，一个管点号、一个管锚点，互不影响。附日志多行提取、逐行匹配的例子，以及不开 s 时常见的 [\s\S] 写法。
核心关键词JavaScript 正则 s标志dotAll与m标志区别 - 0030
带 g 的正则连续调用 test，为什么结果一会儿 true 一会儿 false？
带 g 或 y 标志的正则会用 lastIndex 记住上次匹配到哪里，复用同一个实例做校验就会出现 true、false 交替。讲清 lastIndex 的更新规则、三种修法、exec 循环里什么时候该重置，以及空匹配导致死循环的处理。
核心关键词正则 lastIndex 手动重置 g与y标志 - 0031
正则里的前瞻和后顾断言怎么用，有什么区别？
用千分位格式化、提取金额两个例子讲清 JavaScript 正则四种环视断言：前瞻看右边、后顾看左边，都只检查不吃字符。附密码规则多条件校验、断言写反位置的常见错误，以及老环境不支持后顾时的降级写法。
核心关键词JavaScript 正则 前瞻与后顾断言用法 - 0032
有了 matchAll，为什么不再推荐用 while 循环调 exec？
对比 exec 循环和 matchAll 拿全部匹配的两种写法：matchAll 返回带捕获组、命名组和 index 的迭代器，不用手动维护 lastIndex，也不改动原正则。附不带 g 报 TypeError、迭代器只能用一次等常见坑。
核心关键词matchAll 与 exec 循环匹配的区别 - 0033
正则的命名捕获组怎么用，和 match[1] 这种写法比好在哪？
用解析日期的例子讲清 JavaScript 正则命名捕获组：怎么写、怎么通过 groups 读取、在 replace 字符串和回调里怎么引用、正则内部怎么反向引用。对比数字下标，说明它为什么在正则改动时更不容易取错，以及可选分支没命中时的 undefined 问题。
核心关键词JavaScript 正则 命名捕获组 用法 - 0034
正则的贪婪匹配和非贪婪匹配有什么区别？
用匹配引号内容和 HTML 标签的例子，讲清 JavaScript 正则量词默认贪婪、加问号变懒惰的区别，以及背后的回溯过程。说明懒惰不等于最短匹配、为什么排除型字符类往往是更好的写法，并附灾难性回溯的常见追问。
核心关键词JavaScript 正则 贪婪与懒惰量词区别 - 0035
正则的 y 标志和 g 标志有什么区别，y 适合用在哪？
g 从 lastIndex 开始往后找，y 必须恰好在 lastIndex 处匹配、不许跳过字符。用对比代码和一个真实的四则运算词法分析器讲清 sticky 标志的用途，以及它和 ^ 锚点、gy 组合在 match 和 replace 里的表现。
核心关键词JavaScript 正则 sticky标志y与global标志g区别 - 0036
正则里的 \p{Script=Han} 是什么，怎么用它匹配汉字？
JavaScript 正则的 Unicode 属性转义怎么用？讲清 \p{Script=Han}、\p{Letter}、\p{Number} 分别匹配什么，为什么必须加 u 标志，和手写 [一-龥] 区间比强在哪，以及它处理不了 emoji 组合字符的边界。
核心关键词JavaScript 正则 Unicode属性转义 \p{} 匹配 - 0037
分块解码时，TextDecoder 为什么要传 stream: true？
流式读取 fetch 响应时，一个汉字的 UTF-8 字节可能被拆到两个 chunk 里，直接解码就会出现乱码。讲清 TextDecoder 的 stream: true 如何缓存半个字符、为什么必须复用同一个实例、最后为什么还要调一次 decode()，以及 SSE 场景下还要处理的半行问题。
核心关键词TextDecoder stream:true 分块解码多字节 - 0038
字节不是合法 UTF-8 时，TextDecoder 会报错还是出乱码？
TextDecoder 遇到非法 UTF-8 字节默认不报错，而是替换成 U+FFFD 继续解码；开启 fatal 后才会抛 TypeError。讲清两种模式各适合什么场景，ignoreBOM 为什么名字容易理解反，以及编码选错时 fatal 为什么救不了你。
核心关键词TextDecoder 非法UTF-8 fatal 替换处理 - 0039
TextEncoder 为什么只能输出 UTF-8，能指定成 GBK 吗？
TextEncoder 把字符串转成 Uint8Array，输出永远是 UTF-8，构造函数不接受编码参数。讲清一个字符会变成几个字节、为什么不能用 length 算字节数、encode 和 encodeInto 的区别，以及和能解多种编码的 TextDecoder 为什么不对称。
核心关键词TextEncoder 字符串转UTF-8 Uint8Array - 0040
Uint8Array 和普通数组有什么区别？
Uint8Array 这类类型化数组本质是 ArrayBuffer 上的一个视图：长度固定、元素类型固定、内存连续，写入 300 会变成 44，也没有 push。讲清 ArrayBuffer 和视图的关系、多个视图共享内存时的字节序问题，以及什么场景该用类型化数组。
核心关键词类型化数组与普通数组 内存表示差异 - 0041
类型化数组的 subarray 和 slice 有什么区别？
Uint8Array 的 subarray 和 slice 参数一样，结果却完全不同：subarray 返回共享内存的视图，改它会改到原数组；slice 复制出一份独立数据。讲清两者的代价、复用缓冲区时 subarray 带来的数据被覆盖问题，以及和普通数组 slice 的区别。
核心关键词类型化数组 subarray 与 slice 区别 - 0042
正则加不加 u 标志，匹配 emoji 时有什么区别？
不加 u 时，正则把一个 emoji 看成两个 UTF-16 代码单元，点号、量词、字符类都会把它拆成两半。本文用可运行的例子讲清 u 标志改变了什么、它为什么让语法更严格，以及它管不到的组合 emoji。
核心关键词JavaScript 正则 u标志 处理emoji代理对 - 0043
两个看起来一样的 é，为什么用 === 比较是 false？
é 在 Unicode 里有两种写法：一个预组字符，或者 e 加一个组合重音。它们显示完全一样，但 === 比较是 false。本文讲清 normalize 的四种形式 NFC、NFD、NFKC、NFKD 的区别，以及搜索、去重、做索引时该怎么用。
核心关键词JavaScript String normalize NFC NFD 比较 - 0044
split('').reverse().join('') 反转带 emoji 的字符串，为什么会乱码？
经典的 split('').reverse().join('') 会把 emoji 拆成两个代理项再颠倒顺序，结果变成乱码。本文对比按代码单元、按码点、按字素簇三种反转方式，讲清 Array.from 为什么还不够，以及 Intl.Segmenter 怎么处理家庭 emoji、国旗和带重音的字母。
核心关键词JavaScript 正确反转含emoji的字符串 - 0045
为什么一个 emoji 的 length 是 2？怎么正确遍历字符串？
JavaScript 字符串用 UTF-16 编码，编号超过 U+FFFF 的字符要拆成一对代理项存储，所以 emoji 的 length 是 2。本文讲清代理对怎么算出来、for 循环和 for...of 遍历的区别、charCodeAt 与 codePointAt 的用法，以及统计用户可见字数的正确做法。
核心关键词JavaScript 字符串 代理对 emoji长度为2 遍历