解构数组中的元素，然后再次加入

Question

我正在尝试为数组中的每个单词添加字母“x”。将它添加到数组中的每个 element 没有问题，但在我的情况下，第二个元素由两个单词组成。

据我了解，它应该以某种方式从'bar baz' 解构为'bar','baz'，然后将字母x 添加到bar 和baz，然后将'barx' 和'bazx' 合并到@ 987654328@。但我不确定。

var array = ['foo', 'bar baz'];

// Pass a function to map
const map = array.map(word => word + 'x');

alert(map);
// Desired output: foox,barx bazx
// For obvious reasons, current output is foox,bar bazx (with no x after bar).

Answer 1

您可以拆分项目并为每个拆分的元素添加'X'，然后再次加入项目以进行映射。

const plusX = s => s + 'x';

var array = ['foo', 'bar baz'],
    result = array.map(
        s => s
            .split(' ')
            .map(plusX)
            .join(' ')
    );
    
console.log(result);

Answer 2

你很接近，只需添加word.replace(" ", "x ") 将x 插入到上一个单词的末尾和空格之前：

var array = ['foo', 'bar baz'];

const map = array.map(word => word.replace(" ", "x ") + "x");

alert(map);

Answer 3

设置分隔符并拆分每个元素

const array = ["foo", "bar baz"];

const separator = " ";

// Pass a function to map
const map = array.map(word =>
  word
    .split(separator)
    .map(element => `${element}x`)
    .join(separator)
);

alert(map);

Answer 4

这在一定程度上取决于您对“单词”的定义。例如。 'a+b'是一个单词，两个单词'a'和'b'还是三个单词'a'，'+'和'b'？

一个简单的解决方案是匹配一个正则表达式模式并将“x”添加到所有匹配的单词：

const array = ['foo', 'bar baz'];

// Append 'x' to all words:
const map = array.map(str => str.replace(/\w+/g, word => word + 'x'));

console.log(map);

这里，正则表达式 \w+ 仅匹配由字符 a-z、A-Z、0-9 和下划线 _ 组成的单词。所以它将用“ax+bx”替换“a+b”。

Answer 5

您可以使用Array.from()，在thisArg 处定义"x" 作为默认参数，在.replace() 处使用RegExp /(\w$)|(\s)/g 来匹配字符串末尾的单词字符或空格字符

var array = ['foo', 'bar baz'];

// Pass a function to map
const map = Array.from(array, (word, index, prop = "x") =>
              word.replace(/(\w$)|(\s)/g, (_, p1, p2) => 
                p1 ? `${p1}${prop}` : `${prop}${p2}`));

console.log(map);