在JavaScript中使用MAP（）时，在元素上使用字符串函数？

Question

我正在尝试执行以下操作。

strs = ["one", "two"];
let sorted_str = strs.map((s) => [s.sort(), s]);

本质上，我要做的是创建一个新的数组数组，其中这个新数组就像 [从第一个数组中排序的字符串，第一个数组中的原始字符串]

但是，它看起来像 .sort（）方法在这里无效。

我什至尝试使其

let sorted_str = strs.map((s) => [s.toString().sort(), s]);

强制串起字符串，并确保它具有 sort（）方法，但无济于事。

错误是 typeError：s.tostring（...）。排序不是函数。

无论如何，我都可以将其工作或任何简单的解决方法。

Answer 1

您需要获得一系列字符，对其进行排序并恢复字符串。

const
    strs = ["one", "two"],
    sorted_str = strs.map((s) => [Array.from(s).sort().join(''), s]);

console.log(sorted_str);

Answer 2

您需要转换为数组，然后应用排序方法，然后再次加入字符串，尝试以下操作：

strs = ["one", "two"];
let sorted_str = strs.map((s) => [s.split('').sort().join(''), s])

console.log(sorted_str);

Answer 3

而不是使用 split（）。 请勿使用split（）

strs = ["one", "two"];
let sorted_str = strs.map((s) => [[...s].sort().join(''), s]);

console.log(sorted_str)

Answer 4

字符串类没有 .sort（）方法。阵列类会做！因此，您可以将字符串转换为数组，对其进行排序，然后将排序的数组转换回字符串。看起来像

s.split("").sort().join("")

Answer 5

sort（）方法需要一个数组作为输入，但是如果您在回调函数中调用它传递给 map（），则在单个字符串上调用它。

我不是100％确定我了解所需的输出，无论如何这是我的解决方案。

让我们从要分类的一系列字符串开始。

const items = ['cat', 'dog', 'elephant', 'bee', 'ant'];

现在，为了对其进行排序而无需突变，我们可以做：

const sortedItems = [...items].sort();

现在，我们有两个阵列，一个原始的阵列，另一个带有排序字符串。

我们可以使用 map（）在原始数组上循环并创建所需的数组。 索引回调函数中的参数可用于检索排序的数组中的项目。

const newItems = items.map((item, index) => {
  return [sortedItems[index], item];
});

现在，如果我正确理解我们需要您所需的内容：

[
  ['ant', 'cat'], // 'ant' (from the sorted array), 'cat' (from the original)
  ['bee', 'dog'],  // same thing
  ['cat', 'elephant'], // etc.
  ['dog', 'bee'],
  ['elephant', 'ant']
]

如果您愿意，您可以将所有内容放在一个函数中：

const sortingMethod = (items) => {
  const sortedItems = [...items].sort();
  return items.map((item, index) => {
    return [sortedItems[index], item];
  });
}

您可以这样称呼：

const newElements = sortingMethod(['cat', 'dog', 'elephant', 'bee', 'ant']);
console.log(newElements);