有條件地呈現屬性對象值？

Question

我在下面有這個示例函數：

const HelloWorld = (person, message) => {
      const { sender, message } = message
      const greeting = {
          to: person
          message: `Hi, ${sender} greets you. ${message}`
      };
      return sendMessage(greeting)
}

它工作得很好，但是如果沒有值，則消息顯示為null 。 如何有條件地呈現值。 {message === null : Hi, ${sender} greets you. ： Hi, ${sender} greets you. He said ${message} Hi, ${sender} greets you. He said ${message} }

Answer 1

 const HelloWorld = (person, message) => { const { sender, msg } = message const greeting = { to: person, message: `Hi, ${sender} greets you.${msg ? 'He said '+ msg : ''}` }; return greeting; // return sendMessage(greeting); } console.log(HelloWorld('Jack', { sender: "Joe", msg: "Test MSG" })); console.log(HelloWorld('Jack', { sender: "Joe", msg: "" }));

您可以簡單地在字符串插值中使用三元。

Answer 2

您可以在模板字符串中使用三元運算符，還要注意模板字符串可以嵌套：

 const HelloWorld = (person, msg) => { const { sender, message } = msg; const greeting = { to: person, message: `Hi, ${sender} greets you.${message ? ` He said ${message}`: ""}` }; return greeting } console.log(HelloWorld("John Doe", {sender: "Jane Doe", message: null})); console.log(HelloWorld("John Doe", {sender: "Jane Doe", message: "Howdy"}));