如何識別和/或替換自定義格式的字串值？

我正在從實時聊天 API 中檢索符合 JSON 的資料結構，但是當聊天訊息顯示影像時，該message值會以自己的格式顯示 url，嵌入在%%%[和之間]%%%。

下面的物件給出了剛剛描述的預覽......

{
  events: [{
    method: "chat",
    object: {
      message: {
        bgColor: null,
        color: "#494949",
        font: "default",
        message: "%%%[emoticon name|https://example.org/name.jpg|67|45|/emoticon_report/name/]%%%"
      },
      user: {
        gender: "m",
        username: ""
      }
    },
    id: "text"
  }],
  nextUrl: "text"
}

在處理上述資料結構時，我想將具有 ... %%%[ ... ]%%%... 表情符號格式的每個訊息值替換為"Emoticon".

我現在正在使用的代碼是......

const baseUrl = "example.com"
function getEvents(url) {
    fetch(url).then(response => response.json())
    .then(jsonResponse => {
        // Process messages
        for (const message of jsonResponse["events"]) {
            const method = message["method"]
            const object = message["object"]
            console.log(`Message ID: ${message["id"]}`)
            if (method === "chat") {
                console.log(`${object["user"]["username"]} sent chat message: ${object["message"]["message"]}`)
            } else {
                console.error("Unknown method:", method)
            }
        }

        // Once messages are processed, call getEvents again with 'nextUrl' to get new messages
        getEvents(jsonResponse["nextUrl"])
    })
    .catch(err => {
        console.error("Error:", err)
    })
}

getEvents(baseUrl)

目前腳本的結果是......

Username: Hi

Username: %%%[emoticon name|https://example.org/name.jpg|67|45|/emoticon_report/name/]%%%

...但它應該改為...

Username: Hi

Username: Emoticon

感謝您的所有回復，它對找出一些代碼有很大幫助。我現在差不多完成了。我仍然看到的唯一問題是聊天是否發布了多張帶有訊息的影像，它會清除整個訊息。

For example: Hello this is (image) so try (image) < this only shows Hello this is Emoticon

But I can live with that ;)

The final code that I've got includes the following line to clean it up:

var cleanmessage = chat.replace(/%%%\[emoticon.*]%%%/g, `Emoticon`);

uj5u.com熱心網友回復：

在使用 object["message"]["message"] 之前（或者更好的是 object.message.message），只需像這樣進行正則運算式替換：

object.message.message.replace(/%%%\[emoticon.*]%%%/, 'Emoticon')

操場在這里：https ://regex101.com/r/7Kf0VW/1

uj5u.com熱心網友回復：

從以上評論...

“首先，OP 不適用于 json 物件，沒有類似的東西。但是 OP 迭代event回應物件的資料結構的專案。對于每個專案，OP 想要檢查的屬性值item.message.message。因此，OP 的真正問題是...... “如何識別表情符號格式？” "

OP可能會調查...String.prototype.startsWith

// faking the live chat API call for the further example code.

function fetch(/* fake api call url */) {
  return new Promise(resolve => {

    const responseData = '{"events":[{"method":"chat","object":{"message":{"bgColor":null,"color":"#494949","font":"default","message":"%%%[emoticon name|https://example.org/name.jpg|67|45|/emoticon_report/name/]%%%"},"user":{"gender":"m","username":""}},"id":"text"}],"nextUrl":"text"}';

    setTimeout(() => {
      resolve({ 
        json: () => JSON.parse(responseData),
      });
    }, 4000);
  });
}


const baseUrl = "example.com";

function getEvents(url) {
  console.log(`... fetch('${ url }') ...`);

  fetch(url)
    .then(response => response.json())
    .then(({ events, nextUrl }) => {
      // Process messages of chat events
      events
        .forEach(event => {
          const { method, object: { user, message }, id } = event;

          console.log(`Message event ID: ${ id }`);
          if (
            (method === 'chat') &&
            message.message.startsWith('%%%[emoticon')
          ) {
            // console.log(`${ user.username } sent chat message: ${ message.message }`);

            console.log(`${ user.username } sent chat message: ${ 'Emoticon' }`);

            // // and/or directly overwrite the data
            // message.message = 'Emoticon';            
          } else {
            console.error("Unknown method:", method);
          }
        });
      // Once messages are processed, call `getEvents`
      // again with 'nextUrl' to get new messages.
      getEvents(nextUrl);
    })
    .catch(err => {
      console.error("Error:", err);
    });
}

getEvents(baseUrl);

.as-console-wrapper { min-height: 100%!important; top: 0; }

標籤：javascript regex string data-structures startswith

上一篇：將一個字串值存盤在一個空的LinkedList中

下一篇：為什么str.replace使用單個例外值會慢得多？