代码之家 › 专栏 › 技术社区 › Jessica

基于对象数组对字符串数组排序

sorting arrays javascript

Jessica · 技术社区 · 5 年前

我正在尝试基于对象数组对字符串数组进行排序(数组的项目数将与对象的项目数不同。)

const myObject = [
    {
        title: 'Some string'
    },
    {
        title: 'another string'
    },
    {
        title: 'Cool one'
    }
];

const array = ['Cool one', 'Some string']; // Sort this array based on 'myObject'

3 回复 | 直到 5 年前

Patrick Roberts Benjamin Gruenbaum 5 年前

您可以生成一个索引表,根据该表对数据进行排序 array 这样地:

const myObject = [
  { title: 'Some string' },
  { title: 'another string' },
  { title: 'Cool one' }
];
const indices = Object.fromEntries(
  myObject.map(
    ({ title }, index) => [title, index]
  )
);
const array = ['Cool one', 'Some string'];

array.sort((a, b) => indices[a] - indices[b]);

console.log(array);

brk 5 年前

您可以使用reduce&查找索引。在reduce回调函数内部,使用findIndex检查元素是否存在于 myObject

const myObject = [{
    title: 'Some string'
  },
  {
    title: 'another string'
  },
  {
    title: 'Cool one'
  }
];

const array = ['Cool one', 'Some string'];

let newArray = array.reduce(function(acc, curr) {
  let findIndex = myObject.findIndex(a => a.title.toLowerCase().trim() == curr.toLowerCase().trim());
  if (findIndex !== -1) {
    acc.push(myObject[findIndex])
  }
  return acc;
}, []);

console.log(newArray)

user1971419 user1971419 5 年前

我想你可以用 Array.findIndex() Array.sort()

const objectArray = [
  { title: 'Some string' },
  { title: 'another string' },
  { title: 'Cool one' }
]

const stringArray = [
  'Cool one',
  'Some string'
]

const sortFromObject = (a, b) => {

  // get the indexes of the objects
  const idxA = objectArray
     .findIndex(obj => obj.title === a)
  const idxB = objectArray
     .findIndex(obj => obj.title === b)

  // if it comes first in the object array,
  // sort this item up, else sort it down
  return idxA - idxB
}

stringArray.sort(sortFromObject)

推荐文章

Megrez7 · C#ToArray转换合并为一行,导致数组元素更改

5 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

5 月前

Anka HanÄ±m · 关于结构和动态数组地址的问题

5 月前

Swapnil Supekar · 将二维阵列转换为一维阵列,并将一维阵列粘贴到另一张图纸上

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

MaSc. H. · 大小与阵列大小

5 月前

Geremia · 2D NumPy数组+1D数组?

5 月前

MARTIN · 交换第一个和最后一个单词,反转所有中间的字符

6 月前

Paul Williams · 迭代数组时输出有问题

6 月前

Oliver Morgan · PostgreSQL错误:无法累积不同维度的数组

6 月前