javascript - 如何在textarea值中提取#和空格之间的值

Question

我有以下文本区域代码。

<textarea id="message" name="message"></textarea>

我需要获取文本区域的值并跟踪消息内容并提取散列 (#) 的关键字。

消息示例如下

这是我的消息#message #lol #haha

当我点击提交按钮时。我应该得到的关键字是“哈哈”和“哈哈”和“消息”。

我正在使用 jquery。谁能就如何着手给我一些建议？

Answer 1

根据评论，在空格处拆分，然后使用 Array.prototype.reduce通过检查第一个字符。

Javascript

var message = "This is my message #message #lol #haha";

var wanted = message.split(/\s/).reduce(function (previous, word) {
    if (word.charAt(0) === "#") {
        previous.push(word.slice(1));
    }

    return previous;
}, []).join(" ");

console.log(wanted);

输出

message lol haha 

关于 jsfiddle

或者使用 Array.prototype.filter和 Array.prototype.map

Javascript

var message = "This is my message #message #lol #haha";

var wanted = message.split(/\s/).filter(function (word) {
    return word.charAt(0) === "#";
}).map(function (word) {
    return word.slice(1);
}).join(" ");

console.log(wanted);

关于 jsfiddle

注意:上述所有Array 方法都需要在 ECMA5 之前的浏览器上使用 shim，可在其各自的 MDN 页面上获得或使用 es5_shim

其他替代方案，如果您愿意，可以使用 Array.prototype.forEach (这需要垫片)，for或 while执行元素循环和 Array.prototype.slice和 Array.prototype.push相关的。