Hello world👩🦰👩👩👦👦
👩👩👦👦👩🦰dlrow olleH
我尝试了几种方法，但是都没有给出正确的答案。
这失败了：
const text = 'Hello world👩🦰👩👩👦👦';
const reversed = text.split('').reverse().join('');
console.log(reversed);这种方法有效，但👩👩👦👦分为4种不同的表情符号：
const text = 'Hello world👩🦰👩👩👦👦';
const reversed = [...text].reverse().join('');
console.log(reversed);我也尝试过此问题的所有答案，但都无济于事。
有没有办法获得所需的输出？
�字符表示，然后有一个额外的连接字符，即字符代码8205，然后还有另外两个-代表``红头发''，这5个字符在一起的意思是“女人的脸红头发”
Answers:
如果可以，请使用lodash_.split()提供的功能。从4.0版开始，可以拆分Unicode表情符号。_.split()
使用本机.reverse().join('')反转“字符”应该可以很好地处理包含零宽度连接符的表情符号
function reverse(txt) { return _.split(txt, '').reverse().join(''); }
const text = 'Hello world👩🦰👩👩👦👦';
console.log(reverse(text));<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js" integrity="sha512-90vH1Z83AJY9DmlWa8WkjkV79yfS2n2Oxhsi2dZbIv0nC4E6m5AbH8Nh156kkM7JePmqD6tcZsfad1ueoaovww==" crossorigin="anonymous"></script>reverse("뎌쉐") （2个韩国字素），它给出了“ᅰ셔ᄃ”（3个字素）。
我接受了TKoL使用\u200d字符的想法，并用它来尝试创建一个较小的脚本。
注意：并非所有合成都使用零宽度的连接符，因此它将与其他合成字符一起出现错误。
它使用传统的for循环，因为如果发现组合的图释，我们将跳过一些迭代。在for循环中，存在一个while循环，用于检查是否存在后面的\u200d字符。只要有一个字符，我们也将添加接下来的2个字符，并for通过2次迭代转发循环，因此不会反转组合的图释。
为了在任何字符串上轻松使用它，我将其作为字符串对象上的新原型函数。
String.prototype.reverse = function() {
let textArray = [...this];
let reverseString = "";
for (let i = 0; i < textArray.length; i++) {
let char = textArray[i];
while (textArray[i + 1] === '\u200d') {
char += textArray[i + 1] + textArray[i + 2];
i = i + 2;
}
reverseString = char + reverseString;
}
return reverseString;
}
const text = "Hello world👩🦰👩👩👦👦";
console.log(text.reverse());
//Fun fact, you can chain them to double reverse :)
//console.log(text.reverse().reverse());👩👩👦👦只能整体选择。浏览器如何知道它是一个字符？有内置的方法吗？
出于很多原因，反转Unicode文本非常棘手。
首先，根据编程语言的不同，字符串以不同的方式表示：字节列表，UTF-16代码单元列表（16位宽，在API中通常称为“字符”）或ucs4代码点（4个字节宽）。
其次，不同的API在不同程度上反映了内部表示。一些工作于字节的抽象，一些工作于UTF-16字符，一些工作于代码点。当表示形式使用字节或UTF-16字符时，API的通常部分使您可以访问此表示形式的元素，以及执行必要的逻辑以从字节（通过UTF-8）或UTF-16字符为实际代码点。
通常，稍后会添加API中执行该逻辑的部分，从而使您可以访问代码点，因为首先使用7位ascii，然后再后来，每个人都认为8位就足够了，使用不同的代码页，甚至后来那16位足以容纳unicode。历史上，代码点的概念是无固定上限的整数，作为逻辑编码文本的第四公共字符长度被添加。
使用使您可以访问实际代码点的API就是这样。但...
第三，有很多修饰语代码点会影响下一个代码点或后续代码点。例如，有一个变音符修饰符，将跟随a转换为ä，e到ë，＆c。翻转代码点，然后由不同字母组成的aë变为eä。有一个直接表示例如ä的代码点，但是使用修饰符同样有效。
第四，一切都在不断变化。如示例中所使用，表情符号中也有很多修饰符，并且每年还会添加更多的修饰符。因此，如果API使您可以访问信息，则代码点是否为修饰符，则API版本将确定它是否已经知道特定的新修饰符。
但是，Unicode仅在外观上提供了一个技巧：
有书写方向修饰符。在该示例的情况下，使用从左到右的书写方向。只需在文本的开头添加一个从右到左的书写方向修饰符，并且根据API /浏览器的版本，它将看起来正确反转😎
'\ u202e'被称为从右到左覆盖，它是从右到左标记的最强版本。
请参阅w3.org的解释
const text = 'Hello world👩🦰👩👩👦👦'
console.log('\u202e' + text)
const text = 'Hello world👩🦰👩👩👦👦'
let original = document.getElementById('original')
original.appendChild(document.createTextNode(text))
let result = document.getElementById('result')
result.appendChild(document.createTextNode('\u202e' + text))body {
font-family: sans-serif
}<p id="original"></p>
<p id="result"></p>'\u202e' + text + '\u202c'，以免影响下面的文字。
我知道！我将使用RegExp。可能出什么问题了？（答案留给读者练习。）
const text = 'Hello world👩🦰👩👩👦👦';
const reversed = text.match(/.(\u200d.)*/gu).reverse().join('');
console.log(reversed);.通配符处理）。
U+200D，例如🏳️🌈。值得注意的是，在Emijoi世界之外也确实存在着角色扮演的角色
U+200D。很容易验证🏳️🌈不适用于此答案的代码……
替代解决方案是使用runes库，虽然小巧却有效：
https://github.com/dotcypress/runes
const runes = require('runes')
// String.substring
'👨👨👧👧a'.substring(1) => '�👨👧👧a'
// Runes
runes.substr('👨👨👧👧a', 1) => 'a'
runes('12👩👩👦👦3🍕✓').reverse().join();
// results in: "✓🍕3👩👩👦👦21"
您不仅会遇到表情符号问题，而且还会遇到其他组合字符。这些看起来像单个字母但实际上是一个或多个Unicode字符的东西称为“扩展字素簇”。
将字符串拆分为这些簇非常棘手（例如，请参见这些unicode文档）。我不会自己依靠它来实现，而是使用现有的库。Google将我指向了字素分割器库。该库的文档包含一些不错的示例，这些示例可以实现大多数实现：
使用这个你应该能够写：
var splitter = new GraphemeSplitter();
var graphemes = splitter.splitGraphemes(string);
var reversed = graphemes.reverse().join('');
旁白：对于未来的游客，或愿意生活在前沿的游客：
有建议将字素分割器添加到javascript标准中。（它实际上还提供了其他细分选项）。目前正在接受阶段3审查，目前已在JSC和V8中实施（请参阅https://github.com/tc39/proposal-intl-segmenter/issues/114）。
使用此代码看起来像：
var segmenter = new Intl.Segmenter("en", {granularity: "grapheme"})
var segment_iterator = segmenter.segment(string)
var graphemes = []
for (let {segment} of segment_iterator) {
graphemes.push(segment)
}
var reversed = graphemes.reverse().join('');
如果您知道比我更现代的javascript，那么您可能可以做得更整洁...
这里有一个实现-但我不知道它需要什么。
注意：这指出了一个有趣的问题，其他答案尚未解决。分段可以取决于您使用的语言环境-而不仅仅是字符串中的字符。
const graphemes = Array.from(segment_iterator, ({segment}) => segment)。
我只是决定以娱乐为目的，这是一个很好的挑战。不确定在所有情况下是否正确，因此使用时需您自担风险，但是这里是：
function run() {
const text = 'Hello world👩🦰👩👩👦👦';
const newText = reverseText(text);
console.log(newText);
}
function reverseText(text) {
// first, create an array of characters
let textArray = [...text];
let lastCharConnector = false;
textArray = textArray.reduce((acc, char, index) => {
if (char.charCodeAt(0) === 8205) {
const lastChar = acc[acc.length-1];
if (Array.isArray(lastChar)) {
lastChar.push(char);
} else {
acc[acc.length-1] = [lastChar, char];
}
lastCharConnector = true;
} else if (lastCharConnector) {
acc[acc.length-1].push(char);
lastCharConnector = false;
} else {
acc.push(char);
lastCharConnector = false;
}
return acc;
}, []);
console.log('initial text array', textArray);
textArray = textArray.reverse();
console.log('reversed text array', textArray);
textArray = textArray.map((item) => {
if (Array.isArray(item)) {
return item.join('');
} else {
return item;
}
});
return textArray.join('');
}
run();