数组和字符串之间的合并问题

Question

我有一个包含字母和颜色的数组。

const a = [
    {char: 'h', color: 'red'}, 
    {char: 'e', color: 'red'}, 
    {char: 'y', color: 'red'},
    {char: ' ', color: 'green'},
    {char: 't', color: 'red'}, 
    {char: 'h', color: 'red'}, 
    {char: 'e', color: 'red'}, 
    {char: 'r', color: 'red'}, 
    {char: 'e', color: 'red'}
]; 

我想写一个函数把它和一个字符串合并：

const s = 'hey, howdy there';

同时保留字符到颜色的原始映射。例如，组成hey 和there 的字符应该仍然是红色， 是绿色，如最初在数组 a 中绘制的那样，而新字符默认为任意值，例如黄色，旧字符被删除.所以，这个函数的输出会给我类似的东西：

res = [
    {char: 'h', color: 'red'}, 
    {char: 'e', color: 'red'}, 
    {char: 'y', color: 'red'},
    {char: ',', color: 'yellow'},
    {char: ' ', color: 'green'},
    {char: 'h', color: 'yellow'}, 
    {char: 'o', color: 'yellow'}, 
    {char: 'w', color: 'yellow'}, 
    {char: 'd', color: 'yellow'}, 
    {char: 'y', color: 'yellow'}, 
    {char: ' ', color: 'yellow'},
    {char: 't', color: 'red'}, 
    {char: 'h', color: 'red'}, 
    {char: 'e', color: 'red'}, 
    {char: 'r', color: 'red'}, 
    {char: 'e', color: 'red'}
]; 

一种方法可能是从const a 中提取字符，将它们连接成一个字符串并在空格上分割，这样你就有了一个单词数组。用字符串 s 重复。循环遍历字符串 s 的新拆分数组，直到该数组与原始数组 a 拆分不匹配。这将发生在, 字符上。

这是我不知道如何进行的地方。在一个简单的情况下，只有两个单词，您可以只保留第一个单词并将其他所有内容替换为字符串 s 拆分中的新单词。但是，在我提供的情况下，我将值添加到新字符串（即, howdy），同时保留旧数组的值（there）。

我想 git 用来区分文本的算法在这里可以工作，但我不确定如何复制它，或者在这个用例中它是否有效。

编辑： 我对其进行了一些修改，因为我意识到其中一些不一致。

Answer 1

这样的事情怎么样？

https://jsfiddle.net/jdv9gz01/

function megaJoin (orig, newWord, index) {
var tmpArr = orig.slice();
    var newWordArray = newWord.split('').map((char)=>{return {char:char, color:'yellow'}});
  Array.prototype.splice.apply(tmpArr, [index,0].concat(newWordArray));
  return tmpArr;
}

我不确定应该在哪里加入，所以我的函数使用索引来知道我们应该在哪里加入。

如果你不知道 newWord 是什么，这个函数会得到它。这并不完美。

function getDifference(weirdArray, newString) {
    var tmps = [];
    for (var i = 0; i <= weirdArray.length; i++) {
        var word = a[i];
        if (word && word.char !== '' && i !== a.length) {
            tmps.push(word.char);
        } else {
            newString = newString.replace(tmps.join(''), '');
            tmps = [];
        }
    }
    return newString;
}