访问React中对象的动态属性

Question

我正在检查AlertDetails对象中的“全”字符串中是否存在占位符在其中，用户可以选择通过不同的交付方法发送警报），因此我将所有可能的交付方法保存在数组中，并像以下一样尝试；

Const delmethod=[“email”,”sms”,”fax”]

for(let i=0;i<delmethod.length;i++)
{
Console.log(alertDetails &&
            alertDetails.alertMessage &&
            alertDetails.alertMessage[${lang}] &&
            alertDetails.alertMessage[${lang}].all
            ? alertDetails.alertMessage[${lang}][‘${delmethod(i)}’].includes('placeholder')
            : false;
   }

PS：属性“全部”已修复，只是电子邮件传真将根据用户的输入进行更改，以总结一下，如果在任何字符串中都存在“占位符”（ALL，Email，Email，Email，Fax，SMS），我想返回true。我尝试的方法只打印了Del方法阵列，感谢您的任何帮助！

Answer 1

您的代码有多个问题。您不能只使用$ {lang}。如果要使用模板文字）

要访问对象的属性，您需要AA键，即您已经拥有的字符串，因此在这种情况下，根本不需要文字。

当您通过索引访问数组时，您需要使用[]不是（），请使用delmethod [i]而不是delmethod（ i）。另外，请确保属性” 。

const delmethod = ["email", "sms", "fax"];

const alertDetails = {
  alertMessage: {
    en: {
      all: "emailsfsdfsdfsd",
      fax: "placeholder",
      sms: "sdkjföskjfsödkj"
    },
  },
};

const lang = "en";

for (let i = 0; i < delmethod.length; i++) {
  if (
    alertDetails &&
    alertDetails.alertMessage &&
    // use backticks ` when trying to use template literals
    alertDetails.alertMessage[`${lang}`] &&
    // there is actually no need for template literals here
    alertDetails.alertMessage[lang].all &&
    // you need to make sure "sms" or "fax" or "email" key actually exist on the object
    alertDetails.alertMessage[lang][delmethod[i]] &&
    alertDetails.alertMessage[lang][delmethod[i]].includes("placeholder")
  ) {
    console.log(
      `alertDetails.alertMessage[${lang}][${delmethod[i]}] does have a placeholder`
    );
    console.log(true);
  } else {
    console.log(
      `alertDetails.alertMessage[${lang}] does NOT have property ${delmethod[i]} or does NOT have a placeholder`
    );
    console.log(false);
  }
}