如何在 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' ]

相关文章

• 在 JavaScript 中验证数字是否为斐波那契数列
• 在 JavaScript 中检查有间隙数字
• 如何使用 JavaScript 重定向到另一个网页?
• 如何使用 HTML 和 JavaScript 创建速度转换器?
• 如何使用 HTML 和 JavaScript 创建长度转换器?
• 如何使用 HTML 和 JavaScript 创建温度转换器?
• 如何使用 HTML 和 JavaScript 创建权重转换器?
• 如何使用 JavaScript 创建和使用语法高亮器?
• 如何使用 JavaScript 来使用媒体查询?
• 如何使用 JavaScript 和 CSS 创建可拖动的 HTML 元素?

有用资源

• javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/