Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptを使用した英数字の並べ替え


アルファベット、次に数字で並べ替える必要のある混合配列があります-

const arr = ['Ab-1', 'Ab-11', 'Ab-12', 'ab-10', 'ab-100', 'ab-101', 'ab2', 'ab-3', 'ab-105'];

このためのコードは-

になります
const arr = ['Ab-1', 'Ab-11', 'Ab-12', 'ab-10', 'ab-100', 'ab-101', 'ab2', 'ab-3', 'ab-105'];
const alphaNumericSort = (arr = []) => {
   arr.sort((a, b) => {
      const aPart = a.split('-');
      const bPart = b.split('-');
      return aPart[0].toLowerCase().localeCompare(bPart[0].toLowerCase()) || aPart[1] - bPart[1];
   });
};
alphaNumericSort(arr);
console.log(arr);

出力

そして、コンソールの出力は-

になります
[
   'Ab-1', 'ab-2',
   'ab-3', 'ab-10',
   'Ab-11', 'Ab-12',
   'ab-100', 'ab-101',
   'ab-105'
]

  1. Firebugを使用したJavaScriptのデバッグ

    デバッグは、欠陥を取り除く体系的な方法です。それはすべて、テストケースの実行から始まります。テストケースが実行されるたびに、実際の結果が期待される結果と比較されます。実際の結果と期待される結果の間に対応がない場合は、根本原因分析が行われ、結果が期待される線に沿っていることを確認するために回帰テストなどの追加のテストが実行されます。 静的なWebページを設計するために、HTMLが広く使用されています。動的なWebベースのアプリケーションであるJavaScriptを開発するには、Webのスクリプト言語を使用する必要があります。コードをバグのないものにするために、プログラマーは多くのデバッグ手法に

  2. JavaScriptのインポートで「{}」を使用しますか?

    以下は、javaScriptインポートで{}を使用するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>