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

JavaScriptで注文番号を持つ値から順序付き配列を作成するにはどうすればよいですか?


たとえば、一連の文字列があり、画像のパスと順序が#concatenatedであるとします。これらは、次のようになります-

const images = [
   'photo1.jpg,0',
   'photo2.jpg,2',
   'photo3.jpg,1'
];

したがって、正しい順序は-photo1、photo3、photo2である必要があります。私たちがする必要があるのは、これをパス値だけで正しく順序付けられた配列に処理することです。したがって、最終的には-

が必要です
const orderedImages = [
   'photo1.jpg',
   'photo3.jpg',
   'photo2.jpg'
]

この画像の配列を正しい順序で並べ替えるコードを書いてみましょう-

const images = [
   'photo1.jpg,0',
   'photo2.jpg,2',
   'photo3.jpg,1'
];
const sorter = (a, b) => {
   return parseInt(a.split(",")[1]) - parseInt(b.split(",")[1]);
};
const sortArray = arr => {
   return arr
   .slice()
   .sort(sorter)
   .map(el => {
      return el.split(",")[0];
   });
};
console.log(sortArray(images));

出力

コンソールの出力は-

になります
[ 'photo1.jpg', 'photo3.jpg', 'photo2.jpg' ]

  1. 複数の値で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> &nbs

  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> &nbs