使用 jQuery 在字符串中的每个单词前添加一个“+”

Question

我使用javascript 创建了一个数组“outData”，如下所示：

我现在正在尝试：

1. 使用 jQuery 循环遍历 outData 数组；
2. 如果勾选了“bmm”复选框，则将 outData 数组中的字符串拆分为单个单词；
3. 在每个单词前添加一个“+”号；
4. 最后，将带有加号的单词连接成新字符串（每个单词之间有一个空格）并压入一个名为“outPlus”的新数组。

我不知道如何在从字符串中拆分出的每个单词之前正确添加加号。

我的代码目前如下所示：

$(document).ready(function() {

    $("#multi").submit(function(e) {
        e.preventDefault();
        $("#output").empty();
        var array1 = [];
        var array2 = [];
        var array3 = [];
        $(".col1").each(function() {
            var word1 = $(this).val();
            if ( word1 !== "" ) {
                //word1 = word1.replace(/\s+/g, '');
                array1.push(word1);
            }
        });
        $(".col2").each(function() {
            var word2 = $(this).val();
            if ( word2 !== "" ) {
                //word2 = word2.replace(/\s+/g, '');
                array2.push(word2);
            }
        });
        $(".col3").each(function() {
            var word3 = $(this).val();
            if ( word3 !== "" ) {
                //word3 = word3.replace(/\s+/g, '');
                array3.push(word3);
            }
        });
        console.log(array1);
        console.log(array2);
        console.log(array3);
        var outData = [];
        var outPlus = [];
        $(array1).each(function( a, b ) {
            $(array2).each(function ( c, d ) {
                outData.push( b + " " + d );
                $(array3).each(function( e, f ) {
                    outData.push( b + " " + d + " " + f );
                });
            });
        });

        console.log(outData);

        if ( $("input[name='bmm']").prop("checked") == true ) {
            $(outData).each(function( g, h ) {
                outPlus.push( h.split(" ") );
            });

            console.log(outPlus);

            $(outPlus).each(function( i, j ) {
                    var output = j.replace(/(^|\s)/g, '$1+');
                    console.log(j);
                });
        }

        console.log(outPlus); //Uncaught TypeError: j.replace is not a function
    });

});

当前输出：

Uncaught TypeError: j.replace is not a function

期望的输出：

+used +car
+used +car +for +sale
+used +car +on +sale
etc...

非常感谢帮助产生预期的结果。非常感谢。

Answer 1

@Rory 的替代方法是使用 /(\w+)/g 正则表达式。

想法是捕获所有单词并将它们替换为+$1

获取新数组

var outData = [
  'used car',
  'used car for sale',
  'used car on sale',
  'used cars'
];

var output = outData.map(function(text) {
  return text.replace(/(\w+)/g, '+$1');
});

console.log(output);

---

替换原数组

var outData = [
  'used car',
  'used car for sale',
  'used car on sale',
  'used cars'
];

outData.forEach(function(text, i, a) {
  a[i] = text.replace(/(\w+)/g, '+$1');
});

console.log(outData);

Answer 2

要解决此问题，您可以在任何空格字符或字符串中的第一个字符之后使用正则表达式，并带有+。试试这个：

$(outPlus).each(function(i, j ) {
  var output = j.replace(/(^|\s)/g, '$1+');
  console.log(j);
});

这是一个简化的例子：

var outData = [
  'used car',
  'used car for sale',
  'used car on sale',
  'used cars'
];

outData = outData.map(function(text) {
  return text.replace(/(^|\s)/g, '$1+');
});

console.log(outData);

Answer 3

需要在split() 之后立即使用join() 将您的数组与+ 符号连接起来，如下所示（简单）。

var outData = ['used car', 'used car for sale', 'used car on sale'];
   
var outPlus = [];

$(outData).each(function( g, h ) {
    outPlus.push("+"+h.split(" ").join(' +'));
});
console.log(outPlus);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 4

您可以在最后一个 console.log 行上输出它，这会快速将输出更改为您想要的：

console.log('+used,car,on,sale'.replace(/,/g, ' +'))

它基本上将逗号替换为空格和+，它既快速又简单，否则我会使用.split 方法并拆分逗号所在的位置并从返回的数组中重新构建。

Answer 5

jquery 没用，试试这个：

如果您不想要es6 函数语法=>，您可以随时使用旧的function

const data = [
  'used car',
  'used car for sale and something else'
]

const addPlus = data => data.replace(/\+?(\S+)/g, '+$1')

const addPlusInArray = array => array.map(addPlus)

console.log(addPlusInArray(data))

.replace(
/\+?(\S+)/g 查找任何非空格（可选 + 前面）
'+$1' 替换为第一个捕获组的内容
)

.map (
addPlus第一个参数作为数组元素调用的函数结果将成为新数组的新内容
)