UTF-8 يرمز إلى ' تنسيق تحويل Unicode 8 بت 'ويتوافق مع تنسيق ترميز رائع يضمن عرض الأحرف بشكل مناسب على جميع الأجهزة بغض النظر عن اللغة/البرنامج النصي المستخدم. يعد هذا التنسيق أيضًا مساعدًا لصفحات الويب ويستخدم لتخزين ومعالجة ونقل البيانات النصية على الإنترنت.
يغطي هذا البرنامج التعليمي مجالات المحتوى المذكورة أدناه:
- ما هو ترميز UTF-8؟
- كيف يعمل ترميز UTF-8؟
- كيف يتم حساب قيم نقطة الكود؟
- كيفية تشفير/فك تشفير UTF-8 في جافا سكريبت؟
- تشفير/فك تشفير UTF-8 في JavaScript باستخدام طريقتي 'encodeURIComponent()' و'decodeURIComponent()'.
- تشفير/فك تشفير UTF-8 في JavaScript باستخدام طريقتي 'encodeURI()' و'decodeURI()'.
- تشفير/فك تشفير UTF-8 في JavaScript باستخدام التعبيرات العادية.
- خاتمة
ما هو ترميز UTF-8؟
' ترميز UTF-8 ' هو إجراء تحويل تسلسل أحرف Unicode إلى سلسلة مشفرة تشتمل على بايتات 8 بت. يمكن أن يمثل هذا الترميز نطاقًا كبيرًا من الأحرف مقارنةً بترميزات الأحرف الأخرى.
كيف يعمل ترميز UTF-8؟
أثناء تمثيل الأحرف في UTF-8، يتم تمثيل كل نقطة رمز فردية بواسطة بايت واحد أو أكثر. فيما يلي تفاصيل نقاط الكود في نطاق ASCII:
- يمثل البايت الواحد نقاط الكود في نطاق ASCII (0-127).
- تمثل البايتتان نقاط الكود في نطاق ASCII (128-2047).
- تمثل ثلاث بايتات نقاط الكود في نطاق ASCII (2048-65535).
- تمثل أربع بايتات نقاط الكود في نطاق ASCII (65536-1114111).
ومن هذا القبيل أن البايت الأول من ' ترميز UTF-8 'يشار إلى التسلسل باسم' بايت الزعيم 'الذي يوفر معلومات حول عدد البايتات في التسلسل وقيمة نقطة رمز الحرف.
يقع 'البايت الرئيسي' لتسلسل بايت واحد واثنين وثلاث وأربع بايت في النطاق (0-127)، (194-233)، (224-239)، و (240-247)، على التوالي.
تسمى بقية البايتات المتسلسلة ' زائدة ' بايت. البايتات لتسلسل اثنين وثلاثة وأربعة بايت كلها في النطاق (128-191). بحيث يمكن حساب قيمة نقطة الرمز الخاصة بالحرف من خلال تحليل البايتات البادئة والزائدة.
كيف يتم حساب قيم نقطة الكود؟
يتم حساب قيم نقطة الكود لتسلسلات البايت المختلفة على النحو التالي:
- تسلسل ثنائي البايت: نقطة الكود تعادل '((lb – 194) * 64) + (tb – 128)'.
- تسلسل ثلاث بايت : نقطة الكود تعادل '((lb – 224) * 4096) + ((tb1 – 128) * 64) + (tb2 – 128)'.
- تسلسل أربعة بايت : نقطة الكود تعادل '((lb – 240) * 262144) + ((tb1 – 128) * 4096) + ((tb2 – 128) * 64) + (tb3 – 128)'.
كيفية تشفير/فك تشفير UTF-8 في جافا سكريبت؟
يمكن تنفيذ تشفير وفك تشفير UTF-8 في JavaScript عبر الطرق المذكورة أدناه:
- ' enodeURIComponent() ' و ' فك كودURIComponent() ' طُرق.
- ' ترميزURI() ' و ' فك كودURI() ' طُرق.
- التعبيرات العادية
النهج 1: تشفير/فك تشفير UTF-8 في JavaScript باستخدام طريقتي 'encodeURIComponent()' و'decodeURIComponent()'
ال ' ترميزURIComponent() ' تقوم الطريقة بتشفير مكون URI. كما يمكنه تشفير أحرف خاصة مثل @، &، :، +، $، #، إلخ. فك كودURIComponent() ومع ذلك، تقوم الطريقة بفك تشفير مكون URI. يمكن استخدام هذه الطرق لتشفير وفك تشفير القيم التي تم تمريرها إلى UTF-8، على التوالي.
بناء الجملة (طريقة 'encodeURIComponent ()')
encodeURIComponent ( س )في بناء الجملة المحدد، ' س ' يشير إلى عنوان URI المراد ترميزه.
قيمة الإرجاع
قامت هذه الطريقة باسترداد URI المشفر كسلسلة.
بناء الجملة (طريقة 'decodeURIComponent ()')
decodeURIComponent ( س )هنا، ' س ' يشير إلى URI الذي سيتم فك تشفيره.
قيمة الإرجاع
تعطي هذه الطريقة URI الذي تم فك تشفيره.
المثال 1: ترميز UTF-8 في JavaScript
يقوم هذا المثال بتشفير السلسلة التي تم تمريرها إلى قيمة UTF-8 مشفرة بمساعدة دالة محددة من قبل المستخدم:
يعود com.unescape ( encodeURIComponent ( س ) ) ;
}
دع فال = 'هنا' ;
وحدة التحكم. سجل ( 'القيمة المعطاة ->' + فال ) ;
دع encodeVal = encode_utf8 ( فال ) ;
وحدة التحكم. سجل ( 'القيمة المشفرة ->' + encodeVal ) ;
في سطور التعليمات البرمجية هذه، قم بتنفيذ الخطوات المذكورة أدناه:
- أولا تحديد الدالة ' encode_utf8() ' الذي يشفر السلسلة التي تم تمريرها والتي تمثلها المعلمة المحددة.
- يتم هذا الترميز بواسطة ' ترميزURIComponent() 'طريقة في تعريف الوظيفة.
- ملحوظة: ال ' يونسكيب () 'تستبدل الطريقة أي تسلسل هروب بالحرف الذي يمثله.
- بعد ذلك، قم بتهيئة القيمة المراد تشفيرها وعرضها.
- الآن، قم باستدعاء الوظيفة المحددة وتمرير مجموعة الأحرف المحددة كوسائط لها لتشفير هذه القيمة إلى UTF-8.
انتاج |
هنا، يمكن الإشارة ضمنيًا إلى أن الأحرف الفردية يتم تمثيلها وترميزها في UTF-8 وفقًا لذلك.
المثال 2: فك تشفير UTF-8 في JavaScript
يقوم العرض التوضيحي للكود أدناه بفك تشفير القيمة التي تم تمريرها (على شكل أحرف) إلى تمثيل UTF-8 المشفر:
يعود decodeURIComponent ( يهرب ( س ) ) ;
}
دع فال = 'أ §¨' ;
وحدة التحكم. سجل ( 'القيمة المعطاة ->' + فال ) ;
دعونا فك = decode_utf8 ( فال ) ;
وحدة التحكم. سجل ( 'القيمة التي تم فك ترميزها ->' + فك تشفير ) ;
في كتلة التعليمات البرمجية هذه:
- وبالمثل، حدد الوظيفة ' decode_utf8() ' الذي يقوم بفك تشفير مجموعة الأحرف التي تم تمريرها عبر ' فك كودURIComponent() ' طريقة.
- ملحوظة: ال ' يهرب() تسترد الطريقة سلسلة جديدة يتم فيها استبدال الأحرف المختلفة بتسلسلات هروب سداسية عشرية.
- بعد ذلك، حدد مجموعة الأحرف المراد فك تشفيرها وقم بالوصول إلى الوظيفة المحددة لتنفيذ فك التشفير إلى UTF-8 بشكل مناسب.
انتاج |
هنا، يمكن الإشارة ضمنيًا إلى أن القيمة المشفرة في المثال السابق قد تم فك تشفيرها إلى القيمة الافتراضية.
النهج 2: تشفير/فك تشفير UTF-8 في JavaScript باستخدام طريقتي 'encodeURI()' و'decodeURI()'
ال ' ترميزURI() 'يقوم الأسلوب بتشفير URI عن طريق استبدال كل مثيل لأحرف متعددة بعدد من تسلسلات الهروب التي تمثل ترميز UTF-8 الخاص بالحرف. بالمقارنة مع ' ترميزURIComponent() '، هذه الطريقة بالذات تقوم بتشفير أحرف محدودة.
ال ' فك كودURI() ومع ذلك، تقوم الطريقة بفك تشفير URI (المشفر). يمكن تنفيذ هذه الطرق معًا لتشفير وفك تشفير مجموعة الأحرف في قيمة مشفرة UTF-8.
بناء الجملة (طريقة encodeURI ())
encodeURI ( س )في بناء الجملة أعلاه، ' س 'يتوافق مع القيمة التي سيتم تشفيرها كعنوان URI.
قيمة الإرجاع
تقوم هذه الطريقة باسترداد القيمة المشفرة على شكل سلسلة.
بناء الجملة (طريقة decodeURI ())
com.decodeURI ( س )هنا، ' س يمثل 'URI' المشفر الذي سيتم فك تشفيره.
قيمة الإرجاع
تقوم بإرجاع URI الذي تم فك تشفيره كسلسلة.
المثال 1: ترميز UTF-8 في JavaScript
يقوم هذا العرض التوضيحي بتشفير مجموعة الأحرف التي تم تمريرها إلى قيمة UTF-8 المشفرة:
يعود com.unescape ( encodeURI ( س ) ) ;
}
دع فال = 'هنا' ;
وحدة التحكم. سجل ( 'القيمة المعطاة ->' + فال ) ;
دع encodeVal = encode_utf8 ( فال ) ;
وحدة التحكم. سجل ( 'القيمة المشفرة ->' + encodeVal ) ;
هنا، تذكر طرق تحديد الوظيفة المخصصة للتشفير. الآن، قم بتطبيق طريقة 'encodeURI()' لتمثيل مجموعة الأحرف التي تم تمريرها كسلسلة مشفرة UTF-8. بعد ذلك، قم أيضًا بتحديد الأحرف المراد تقييمها واستدعاء الوظيفة المحددة عن طريق تمرير القيمة المحددة كوسائط لها لتنفيذ التشفير.
انتاج |
من الواضح هنا أن مجموعة الأحرف التي تم تمريرها تم ترميزها بنجاح.
المثال 2: فك تشفير UTF-8 في JavaScript
يقوم العرض التوضيحي للكود أدناه بفك تشفير قيمة UTF-8 المشفرة (في المثال السابق):
يعود com.decodeURI ( يهرب ( س ) ) ;
}
دع فال = 'أ §¨' ;
وحدة التحكم. سجل ( 'القيمة المعطاة ->' + فال ) ;
دعونا فك = decode_utf8 ( فال ) ;
وحدة التحكم. سجل ( 'القيمة التي تم فك ترميزها ->' + فك تشفير ) ;
وفقًا لهذا الكود، أعلن عن الوظيفة ' decode_utf8() ' الذي يشتمل على المعلمة المذكورة التي تمثل مجموعة الأحرف التي سيتم فك تشفيرها باستخدام ' فك كودURI() ' طريقة. الآن، حدد القيمة المراد فك تشفيرها واستدعاء الوظيفة المحددة لتطبيق فك التشفير على ' ترميز UTF-8 'التمثيل.
انتاج |
تشير هذه النتيجة إلى أن القيمة المشفرة مسبقًا قد تم تحديدها وفقًا لذلك.
النهج 3: تشفير/فك تشفير UTF-8 في JavaScript باستخدام التعبيرات العادية
يطبق هذا الأسلوب التشفير بحيث يتم تشفير سلسلة Unicode متعددة البايت إلى أحرف UTF-8 متعددة أحادية البايت. وبالمثل، يتم تنفيذ فك التشفير بحيث يتم فك تشفير السلسلة المشفرة مرة أخرى إلى أحرف Unicode متعددة البايت.
المثال 1: ترميز UTF-8 في JavaScript
يقوم الكود أدناه بتشفير سلسلة Unicode متعددة البايت إلى أحرف UTF-8 أحادية البايت:
لو ( نوع من فال != 'خيط' ) يرمي جديد خطأ مطبعي ( 'المعلمة' فال 'ليست سلسلة' ) ;
مقدار ثابت string_utf8 = فال. يستبدل (
/[\u0080-\u07ff]/g , // U+0080 - U+07FF => 2 بايت 110yyyyy، 10zzzzzz
وظيفة ( س ) {
كان خارج = س. charCodeAt ( 0 ) ;
يعود خيط . fromCharCode ( 0xc0 | خارج >> 6 , 0x80 | خارج & 0x3f ) ; }
) . يستبدل (
/[\u0800-\uffff]/g , // U+0800 - U+FFFF => 3 بايت 1110xxxx، 10yyyyyy، 10zzzzzz
وظيفة ( س ) {
كان خارج = س. charCodeAt ( 0 ) ;
يعود خيط . fromCharCode ( 0xe0 | خارج >> 12 , 0x80 | خارج >> 6 & 0x3F , 0x80 | خارج & 0x3f ) ; }
) ;
وحدة التحكم. سجل ( 'القيمة المشفرة باستخدام التعبير العادي -> ' + string_utf8 ) ;
}
تشفيرUTF8 ( 'هنا' )
في هذا المقتطف من الكود:
- تحديد الوظيفة ' ترميزUTF8() 'تتضمن المعلمة التي تمثل القيمة المراد تشفيرها كـ ' ترميز UTF-8 '.
- في تعريفه، قم بتطبيق فحص على القيمة التي تم تمريرها والتي ليست السلسلة باستخدام ' نوع من ' عامل التشغيل وإرجاع الاستثناء المخصص المحدد عبر ' يرمي 'الكلمة الرئيسية.
- وبعد ذلك قم بتطبيق ' شاركودات() ' و ' منCharCode() 'طرق لاسترداد Unicode للحرف الأول في السلسلة وتحويل قيمة Unicode المعطاة إلى أحرف، على التوالي.
- أخيرًا، قم باستدعاء الوظيفة المحددة عن طريق تمرير التسلسل المحدد من الأحرف لترميز هذه القيمة كـ ' ترميز UTF-8 'التمثيل.
انتاج |
يشير هذا الإخراج إلى أن التشفير تم تنفيذه بشكل مناسب.
المثال 2: فك تشفير UTF-8 في JavaScript
في هذا العرض التوضيحي، يتم فك تشفير تسلسل الأحرف إلى ' ترميز UTF-8 'التمثيل:
لو ( نوع من فال != 'خيط' ) يرمي جديد خطأ مطبعي ( 'المعلمة' فال 'ليست سلسلة' ) ;
مقدار ثابت شارع = فال. يستبدل (
/[\u00e0-\u00ef][\u0080-\u00f][\u0080-\u00f]/g ,
وظيفة ( س ) {
كان خارج = ( ( س. charCodeAt ( 0 ) & 0x0f ) << 12 ) | ( ( س. charCodeAt ( 1 ) & 0x3f ) << 6 ) | ( س. charCodeAt ( 2 ) & 0x3f ) ;
يعود خيط . fromCharCode ( خارج ) ; }
) . يستبدل (
/[\u00c0-\u00df][\u0080-\u00f]/g ,
وظيفة ( س ) {
كان خارج = ( س. charCodeAt ( 0 ) & 0x1f ) < '+str);
}
فك التشفيرUTF8('أ §§')
في هذا الكود:
- وبالمثل، حدد الوظيفة ' فك تشفيرUTF8() ' لها المعلمة التي تشير إلى القيمة التي تم تمريرها ليتم فك تشفيرها.
- في تعريف الدالة، تحقق من حالة السلسلة للقيمة التي تم تمريرها عبر ' نوع من ' المشغل أو العامل.
- الآن قم بتطبيق ' شاركودات() 'طريقة لاسترداد Unicode لأحرف السلسلة الأولى والثانية والثالثة على التوالي.
- كذلك تطبيق ' String.fromCharCode() 'طريقة لتحويل قيم Unicode إلى أحرف.
- وبالمثل، كرر هذا الإجراء مرة أخرى لجلب Unicode لأحرف السلسلة الأولى والثانية وتحويل قيم Unicode هذه إلى أحرف.
- وأخيرًا، قم بالوصول إلى الوظيفة المحددة لإرجاع القيمة التي تم فك تشفيرها باستخدام UTF-8.
انتاج |
وهنا يمكن التأكد من أن فك التشفير قد تم بشكل صحيح.
خاتمة
يمكن تنفيذ التشفير/فك التشفير بتمثيل UTF-8 عبر ' enodeURIComponent()' و ' فك كودURIComponent() الأساليب ' ترميزURI() ' و ' فك كودURI() '، أو باستخدام التعبيرات العادية.