javascript 中数组后的冒号

Question

有谁知道 Javascript 中的语法是什么？

我得到了这样一个函数：

function myFunc(param) { 
  return {
     [var.prop]: param.func(args);
  };
}

这看起来像是数组后面的冒号。有人知道这在 JS 中是什么意思吗？谢谢

Answer 1

在正常情况下，我们知道带有键的对象看起来像，

function myFunc() {
  const newObj = {
    'key': 'value'
  }
  return newObj;
}

console.log(myFunc());

在上面您可以看到 'key' 作为已知字符串。

假设在您的应用中，如果您获得动态格式的字符串，那么您可以像 [] 一样在周围添加方括号，并且可以将属性的值作为对象的键分配。

例如..，您正在从一个对象中获取密钥，例如，

const data = {
  prop:'dynamicKey'
};

并且你需要将 prop 的值作为 key 赋值给一个 obj 然后你可以像这样使用它，

[data.prop]: 'value'

const data = {
  prop:'dynamicKey'
};

function myFunc() {
  const newObj = {
    [data.prop]: 'value'
  }
  return newObj;
}

console.log(myFunc());

Colon after an array in javascript