检查对象文字属性的名称

Question

我有一个用于元素创建的简写函数，该函数带有标签名和对象文字。

//create element
function $make(tag, parameters) {
    var o = document.createElement(t);
    if (p.style) o.style.cssText = p.style;
    if (p.class) o.className = p.class;
    if (p.text) o.textContent = p.text;
    return o;
}

您可以简单地称呼它：

var e = $make('div', {style: 'float: left', class: 'myClass', text: 'Some Text'});

我不想为每个单独的属性设置检查，而是想使用属性中的键字符前缀来设置属性。 例如，如果我想为链接设置href ，我可以调用：

var e = $make('a', {style: 'float: left', text: 'Google', ~href: 'https://www.google.com'});

如何遍历对象文字的属性并检查属性本身的名称（ 而不是值）是否以特定的字符或字符串开头？ 这有可能吗？ 如果没有，您会推荐什么替代方案？

Answer 1

您可以使用for...in循环获取Object每个键，然后检查字符串或字符是否存在。

在下面的示例中，我正在检查键是否以“〜”字符开头。

for (const key in myObject) {
    if (key.indexOf('~') === 0) {
        // key contains '~' character
    }
}

您还可以使用正则表达式来匹配字符串，而不是使用indexOf

Answer 2

而不是for ...我建议在Object.keys函数上使用forEach循环。 这是因为for ... in查找原型链（ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in#Iterating_over_own_properties_only ）。

var obj = {"style": 'float: left', "text": 'Google', "~href": 'https://www.google.com'};
Object.keys(obj).forEach((elm) => {
  console.log("Key=>Value : " + elm + "=>" + obj[elm]);
  if(elm.contains("~")) {
    console.log("Key: " + elm + " contains ~");
  }
});