在Javascript中对对象属性执行字符串方法

Performing String Methods on Object Properties in Javascript

本文关键字：执行 字符串 方法 属性 对象 Javascript      更新时间：2023-09-26

每当我试图对包含Javascript中对象属性值的变量执行字符串操作时，我都会遇到一个错误，即解释器无法找到我试图为该对象使用的任何方法：

var arrOfEntries = {};
arrOfEntries["name1"] = "Jane" ;
arrOfEntries["age1"] = "40" ;
arrOfEntries["name2"] = "Kathy" ;
arrOfEntries["age2"] = "35" ;
arrOfEntries["name3"] = "Mary" ;
arrOfEntries["age3"] = "23" ;
arrOfEntries["name4"] = "Donna" ;
arrOfEntries["age4"] = "32" ;
var result = ' ';
for (prop in arrOfEntries) {
    var tempVar = String(prop) /*/this line was added as an attempt to force the property into the type String, but does not work*
    if (tempVar.includes("name"))
        result += tempVar
    }

在这种情况下，我只想检查该对象的每个属性的名称中是否存在字符串"name"，然后只收集这些属性以供进一步操作。我在这里错过了什么？

prop已经是一个字符串。你只需要这个：

for (prop in arrOfEntries) {
    if (arrOfEntries.hasOwnProperty(prop) && prop.indexOf("name") !== -1) {
        result += arrOfEntries[prop];
    }
}

我添加了hasOwnProperty，这样您就不会错误地尝试添加Object类型上已经存在的方法。

仅供参考：arrOfEntries是一个对象（带有字符串/值键），而不是一个数组——JavaScript类型有一些区别。

做这样的事： 
var arrOfEntries = {};
arrOfEntries["name1"] = "Jane" ; arrOfEntries["age1"] = "40" ;
arrOfEntries["name2"] = "Kathy" ; arrOfEntries["age2"] = "35" ;
arrOfEntries["name3"] = "Mary" ; arrOfEntries["age3"] = "23" ;
arrOfEntries["name4"] = "Donna" ; arrOfEntries["age4"] = "32" ;
var result = ' ';
for (prop in arrOfEntries) {
if (prop.indexOf('name') != -1)
{
 alert(arrOfEntries[prop]);
}
}

Greetz

您有几个问题：

  1. 您试图通过使用var tempVar = String(prop)将值强制转换为字符串，但由于您遗漏了new运算符，这是行不通的。应该是var tempVar = new String(prop);。但是你可以忽略它，因为它不是必需的。

  2. String.prototype.includes是在ES6中引入的，目前还没有广泛的浏览器支持。查看文档，网址：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes了解更多详细信息。

  3. 考虑到缺乏对includes的支持，您可以使用indexOf作为替代：if (prop.indexOf('name') >= 0) { // 'name' is included }

使用largerString.indexOf("substring")，因为includes()没有广泛的浏览器支持。

indexOf()方法将告诉您substring在largerString中的第一个匹配的起始位置（作为整数）。如果未找到匹配项，则返回-1

见下文：

var arrOfEntries = {};
arrOfEntries["name1"] = "Jane" ;
arrOfEntries["age1"] = "40" ;
arrOfEntries["name2"] = "Kathy" ;
arrOfEntries["age2"] = "35" ;
arrOfEntries["name3"] = "Mary" ;
arrOfEntries["age3"] = "23" ;
arrOfEntries["name4"] = "Donna" ;
arrOfEntries["age4"] = "32" ;
var result = ' ';
for (prop in arrOfEntries) {
    if (prop.indexOf("name") >= 0) {
        result += prop
    }
}

如果您执行console.log(result)，您将获得"name1name2name3name4"

相关文章：