জটিল ইমোজিসযুক্ত স্ট্রিংটি কীভাবে বিপরীত করবেন?

Question 1

ইনপুট:

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);

স্নিপেট প্রসারিত করুন

আমি এই প্রশ্নের প্রতিটি উত্তর চেষ্টা করেছিলাম কিন্তু তাদের কোনওটিই কাজ করে না।

পছন্দসই আউটপুট পাওয়ার কোনও উপায় আছে?

Question 2

আপনি যদি সক্ষম হন _.split()তবে লোডাশের দেওয়া ফাংশনটি ব্যবহার করুন । থেকে সংস্করণ 4.0 অগ্রে,_.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>

স্নিপেট প্রসারিত করুন

Question 3

আমি \u200dচরিত্রটি ব্যবহারের জন্য টিকোলের ধারণা নিয়েছি এবং এটি একটি ছোট স্ক্রিপ্ট তৈরি করার চেষ্টা করার জন্য ব্যবহার করেছি।

দ্রষ্টব্য: সমস্ত রচনাগুলি শূন্য প্রস্থের সংযুক্তকারী ব্যবহার করে না তাই এটি অন্যান্য রচনা অক্ষরের সাথে বগি হবে।

এটি theতিহ্যবাহী forলুপটি ব্যবহার করে কারণ আমরা সংযুক্ত ইমোটিকনগুলি খুঁজে পাওয়ার ক্ষেত্রে আমরা কিছু পুনরাবৃত্তি বাদ দিই। forলুপের মধ্যে whileনীচের \u200dঅক্ষর আছে কিনা তা পরীক্ষা করার জন্য একটি লুপ রয়েছে । যতক্ষণ না একটি রয়েছে আমরা পরবর্তী 2 টি অক্ষর পাশাপাশি যুক্ত করব এবং for2 টি পুনরাবৃত্তির সাথে লুপটি ফরোয়ার্ড করব যাতে সম্মিলিত ইমোটিকনগুলি বিপরীত হয় না।

এটিকে যে কোনও স্ট্রিংয়ে সহজেই ব্যবহার করতে আমি স্ট্রিং অবজেক্টে এটি একটি নতুন প্রোটোটাইপ ফাংশন হিসাবে তৈরি করেছি।

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());

স্নিপেট প্রসারিত করুন

Question 4

ইউনিকোড পাঠ্যটি বিপরীত করা অনেক কারণে জটিল।

প্রথমত, প্রোগ্রামিং ভাষার উপর নির্ভর করে স্ট্রিংগুলি বিভিন্ন উপায়ে উপস্থাপন করা হয়, হয় বাইটের তালিকা হিসাবে, ইউটিএফ -16 কোড ইউনিটের তালিকা (16 বিট প্রশস্ত, প্রায়শই এপিআইতে "অক্ষর" বলা হয়), বা ইউসিএস 4 কোড পয়েন্ট হিসাবে (4 বাইট প্রশস্ত)

দ্বিতীয়ত, পৃথক পৃথক এপিআইগুলি বিভিন্ন ডিগ্রিতে সেই অভ্যন্তরীণ প্রতিনিধিত্ব করে। কিছু বাইটের বিমূর্তকরণ নিয়ে কাজ করে, কিছু ইউটিএফ -16 অক্ষরে, কিছু কোড পয়েন্টে। যখন উপস্থাপনাটি বাইট বা ইউটিএফ -16 অক্ষর ব্যবহার করে, সাধারণত এপিআই এর কিছু অংশ থাকে যা আপনাকে এই উপস্থাপনের উপাদানগুলিতে অ্যাক্সেস দেয় এবং পাশাপাশি অংশগুলি যা বাইটস থেকে (ইউটিএফ -8 এর মাধ্যমে) পেতে বা থেকে প্রয়োজনীয় লজিক সম্পাদন করে প্রকৃত কোড পয়েন্টগুলিতে UTF-16 অক্ষর।

প্রায়শই, API এর অংশগুলি সেই যুক্তিটি সম্পাদন করে এবং এভাবে আপনাকে কোড পয়েন্টগুলিতে অ্যাক্সেস দেয় যা পরে যুক্ত করা হয়েছে, যেমন আগে সেখানে 7 বিট আসকি ছিল, তারপরে কিছুক্ষণ পরে সকলেই ভেবেছিল যে 8 টি বিটই যথেষ্ট, বিভিন্ন কোড পৃষ্ঠা ব্যবহার করে এবং এমনকি পরে ইউনিকোডের জন্য 16 বিট যথেষ্ট ছিল। একটি নির্দিষ্ট উপরের সীমা ছাড়াই পূর্ণসংখ্যা হিসাবে কোড পয়েন্টের ধারণাটি logতিহাসিকভাবে যৌক্তিকভাবে এনকোডিং পাঠ্যের জন্য চতুর্থ সাধারণ অক্ষরের দৈর্ঘ্য হিসাবে যুক্ত করা হয়েছিল।

এমন একটি API ব্যবহার করা যা আপনাকে আসল কোড পয়েন্টগুলিতে অ্যাক্সেস দেয় seems তবে ...

তৃতীয়ত, পরবর্তী কোড পয়েন্ট বা নিম্নলিখিত কোড পয়েন্টগুলি প্রভাবিত করে অনেকগুলি সংশোধক কোড পয়েন্ট রয়েছে। উদাহরণস্বরূপ একটি ডায়ারট্রিক মডিফায়ার রয়েছে যাতে নিম্নলিখিতগুলি একটিকে একটি ä, ই থেকে ë, এবং সি তে পরিণত করে। কোড পয়েন্টগুলি চারদিকে ঘুরিয়ে দিন, এবং বিভিন্ন অক্ষর দ্বারা তৈরি এë হয়ে যায়। যেমন। এর নিজস্ব কোড পয়েন্ট হিসাবে সরাসরি প্রতিনিধিত্ব রয়েছে তবে সংশোধক ব্যবহার করা ঠিক ততটাই বৈধ।

চতুর্থত, সব কিছু ধ্রুব প্রবাহে থাকে। উদাহরণ হিসাবে ব্যবহৃত ইমোজিগুলির মধ্যে প্রচুর সংশোধকও রয়েছে এবং প্রতি বছর আরও যোগ করা হয়। সুতরাং, যদি কোনও এআইপিআই আপনাকে কোনও কোড পয়েন্ট পরিবর্তনকারী কিনা তথ্যের অ্যাক্সেস দেয় তবে এপিআইর সংস্করণ নির্ধারণ করবে যে এটি ইতিমধ্যে কোনও নির্দিষ্ট নতুন সংশোধক জানে কিনা।

ইউনিকোড একটি চতুর কৌশল সরবরাহ করে, যদিও এটি যখন কেবলমাত্র ভিজ্যুয়াল উপস্থিতি সম্পর্কে থাকে:

লেখার দিকনির্দেশক সংশোধক রয়েছে। উদাহরণের ক্ষেত্রে, বাম থেকে ডান লেখার দিকনির্দেশ ব্যবহৃত হয়। পাঠ্যের শুরুতে কেবল ডান থেকে বাম লেখার দিকনির্দেশক সংশোধন করুন এবং এপিআই / ব্রাউজারের সংস্করণ অনুসারে এটি সঠিকভাবে বিপরীত দেখাবে 😎

'\ 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>

স্নিপেট প্রসারিত করুন

Question 5

আমি জানি! আমি RegExp ব্যবহার করব। কি ভুল হতে পারে? (উত্তর পাঠকের জন্য অনুশীলন হিসাবে রেখে গেছে))

const text = 'Hello world👩‍🦰👩‍👩‍👦‍👦';

const reversed = text.match(/.(\u200d.)*/gu).reverse().join('');

console.log(reversed);

স্নিপেট প্রসারিত করুন

Question 6

বিকল্প সমাধান ব্যবহার করা হবে 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"

Question 7

আপনার কেবল ইমোজি নিয়ে সমস্যা নেই, তবে অন্যান্য সংমিশ্রিত অক্ষরগুলির সাথেও। এই জিনিসগুলি স্বতন্ত্র চিঠিগুলির মতো মনে হয় তবে প্রকৃতপক্ষে এক বা একাধিক ইউনিকোড অক্ষরকে "বর্ধিত গ্রাফি ক্লাস্টার" বলা হয়।

এই ক্লাস্টারগুলিতে একটি স্ট্রিং ভাঙ্গা জটিল (উদাহরণস্বরূপ এই ইউনিকোড ডক্স দেখুন )। আমি নিজে এটি প্রয়োগের উপর নির্ভর করব না তবে বিদ্যমান লাইব্রেরি ব্যবহার করব। গুগল আমাকে গ্রাফিম-স্প্লিটারে দেখিয়েছে লাইব্রেরিতে । এই লাইব্রেরির ডক্সে কিছু দুর্দান্ত উদাহরণ রয়েছে যা বেশিরভাগ বাস্তবায়নকে আরও বাড়িয়ে তুলবে:

এটি ব্যবহার করে আপনার লিখতে সক্ষম হওয়া উচিত:

var splitter = new GraphemeSplitter();
var graphemes = splitter.splitGraphemes(string);
var reversed = graphemes.reverse().join('');

ASIDE: ভবিষ্যতের দর্শকদের জন্য বা রক্তপাতের প্রান্তে বেঁচে থাকতে ইচ্ছুকরা:

একটি প্রস্তাব আছে জাভাস্ক্রিপ্ট মান করার জন্য একটি গ্রাফিম segmenter যোগ করতে। (এটি আসলে অন্যান্য সেগমেন্টিং বিকল্পগুলিও সরবরাহ করে)। এটি এই মুহূর্তে গ্রহণযোগ্যতার জন্য পর্যায়ের 3 পর্যালোচনায় রয়েছে এবং এটি বর্তমানে জেএসসি এবং ভি 8 তে বাস্তবায়িত হয়েছে (দেখুন 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('');

আপনি যদি আমার চেয়ে আরও আধুনিক জাভাস্ক্রিপ্ট জানেন তবে আপনি সম্ভবত এটি আরও সুন্দর করে তুলতে পারেন ...

এখানে একটি বাস্তবায়ন আছে - তবে এর কী প্রয়োজন তা আমি জানি না।

দ্রষ্টব্য: এটি এমন একটি মজাদার বিষয় নির্দেশ করে যা অন্য উত্তরগুলি এখনও সম্বোধন করে নি। বিভাজনটি আপনি যে লোকেলটি ব্যবহার করছেন তার উপর নির্ভর করতে পারে - কেবল স্ট্রিংয়ের অক্ষর নয়।

Question 8

আমি ঠিক মজা করার জন্য এটি করার সিদ্ধান্ত নিয়েছি, একটি ভাল চ্যালেঞ্জ ছিল। নিশ্চিত নয় যে এটি সব ক্ষেত্রেই সঠিক, তাই আপনার নিজের ঝুঁকিতে ব্যবহার করুন, তবে এটি এখানে:

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();

স্নিপেট প্রসারিত করুন

Question 9

তুমি ব্যবহার করতে পার:

yourstring.split('').reverse().join('')

এটি আপনার স্ট্রিংকে একটি তালিকায় পরিণত করবে, এটিকে বিপরীত করুন এবং এটিকে আবার স্ট্রিং করুন।

Question 10

আবদ্ধ পাঠ্য = 'হ্যালো ওয়ার্ল্ড👩‍🦰👩‍👩‍👦‍👦';

কনট রিভার্সড = টেক্সট.স্প্লিট ('') re

কনসোল.লগ (বিপরীত);