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

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

sorting arrays javascript

Jessica · 技术社区 · 6 年前

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

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

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

3 回复 | 直到 6 年前

Patrick Roberts Benjamin Gruenbaum 6 年前

您可以生成一个索引表,根据该表对数据进行排序 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 6 年前

您可以使用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 6 年前

我想你可以用 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)

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

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

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前