[英]How do I combine the values in a nested array within a JS Object?
我有一个嵌套的 JS 对象：
var object = {"person":{
"id": "d54c54ad-40be-4305-8a34-0ab44710b90d",
"name": {
"fullName": "Alex MacCaw",
"givenName": "Alex",
"familyName": "MacCaw"
},
"email": "alex@alexmaccaw.com",
"location": "San Francisco, CA, US",
"timeZone": "America/Los_Angeles",
"utcOffset": -8,
"geo": {
"city": "San Francisco",
"state": "California",
"stateCode": "CA",
"country": "United States",
"countryCode": "US",
"lat": 37.7749295,
"lng": -122.4194155
},
"bio": "O'Reilly author, software engineer & traveller. Founder of https://clearbit.com",
"site": "http://alexmaccaw.com",
"avatar": "https://d1ts43dypk8bqh.cloudfront.net/v1/avatars/d54c54ad-40be-4305-8a34-0ab44710b90d",
"employment": {
"domain": "clearbit.com",
"name": "Clearbit",
"title": "Co-founder, CEO",
"role": "leadership",
"subRole": "ceo",
"seniority": "executive"
},
"facebook": {
"handle": "amaccaw"
},
"github": {
"handle": "maccman",
"avatar": "https://avatars.githubusercontent.com/u/2142?v=2",
"company": "Clearbit",
"blog": "http://alexmaccaw.com",
"followers": 2932,
"following": 94
},
"twitter": {
"handle": "maccaw",
"id": "2006261",
"bio": "O'Reilly author, software engineer & traveller. Founder of https://clearbit.com",
"followers": 15248,
"following": 1711,
"location": "San Francisco",
"site": "http://alexmaccaw.com",
"avatar": "https://pbs.twimg.com/profile_images/1826201101/297606_10150904890650705_570400704_21211347_1883468370_n.jpeg"
},
"linkedin": {
"handle": "pub/alex-maccaw/78/929/ab5"
},
"googleplus": {
"handle": null
},
"gravatar": {
"handle": "maccman",
"urls": [
{
"value": "http://alexmaccaw.com",
"title": "Personal Website"
}
],
"avatar": "http://2.gravatar.com/avatar/994909da96d3afaf4daaf54973914b64",
"avatars": [
{
"url": "http://2.gravatar.com/avatar/994909da96d3afaf4daaf54973914b64",
"type": "thumbnail"
}
]
},
"fuzzy": false,
"emailProvider": false,
"indexedAt": "2016-11-07T00:00:00.000Z"
},
"company": {
"id": "3f5d6a4e-c284-4f78-bfdf-7669b45af907",
"name": "Uber",
"legalName": "Uber Technologies, Inc.",
"domain": "uber.com",
"domainAliases": [
"uber.org",
"ubercab.com"
],
"site": {
"phoneNumbers": [],
"emailAddresses": [
"domains@uber.com"
]
},
"category": {
"sector": "Information Technology",
"industryGroup": "Software & Services",
"industry": "Internet Software & Services",
"subIndustry": "Internet Software & Services",
"sicCode": "47",
"naicsCode": "51"
},
"tags": [
"Technology",
"Marketplace",
"Mobile",
"B2C",
"Ground Transportation",
"Transportation",
"Internet"
],
"description": "Get a taxi, private car or rideshare from your mobile phone. Uber connects you with a driver in minutes. Use our app in cities around the world.",
"foundedYear": 2009,
"location": "1455 Market St, San Francisco, CA 94103, USA",
"timeZone": "America/Los_Angeles",
"utcOffset": -7,
"geo": {
"streetNumber": "1455",
"streetName": "Market Street",
"subPremise": null,
"city": "San Francisco",
"postalCode": "94103",
"state": "California",
"stateCode": "CA",
"country": "United States",
"countryCode": "US",
"lat": 37.7752315,
"lng": -122.4175278
},
"logo": "https://logo.clearbit.com/uber.com",
"facebook": {
"handle": "uber"
},
"linkedin": {
"handle": "company/uber-com"
},
"twitter": {
"handle": "Uber",
"id": "19103481",
"bio": "Evolving the way the world moves by seamlessly connecting riders to drivers through our app. Question, concern, or praise? Tweet at @Uber_Support.",
"followers": 570351,
"following": 377,
"location": "Global",
"site": "http://something.com/11eIV5LX3Z",
"avatar": "https://pbs.twimg.com/profile_images/697242369154940928/p9jxYqy5_normal.png"
},
"crunchbase": {
"handle": "organization/uber"
},
"emailProvider": false,
"type": "private",
"ticker": null,
"identifiers": {
"usEIN": "452647441"
},
"phone": null,
"indexedAt": "2016-11-07T00:00:00.000Z",
"metrics": {
"alexaUsRank": 544,
"alexaGlobalRank": 943,
"employees": 20313,
"employeesRange": "10k-50k",
"marketCap": null,
"raised": 10610000000,
"annualRevenue": null,
"estimatedAnnualRevenue": "$1B-$10B",
"fiscalYearEnd": 12
},
"tech": [
"optimizely",
"tealium",
"atlassian_confluence",
"workday",
"talend",
"oracle_peoplesoft",
"salesforce",
"teradata",
"apache_kafka",
"aws_dynamodb",
"grafana",
"factset",
"dropbox"
],
"techCategories": [
"analytics",
"advertising",
"productivity",
"human_capital_management",
"data_management",
"business_management",
"crm",
"monitoring"
],
"parent": {
"domain": null
},
"ultimateParent": {
"domain": null
}
} }
我已经设置了一个脚本来帮助我遍历对象并返回带有父项的键作为输入的名称属性，然后该行项目的值作为输入的值。 在值是一个对象的情况下，我跳入该对象并找到该值不是对象的第一个实例，然后返回该键加上父键以及作为输入名称和输入值的值， 分别。 例如，在下面的片段中，我不会返回，我会跳入公司并返回等等。 这一切正常：
"company": {
"id": "3f5d6a4e-c284-4f78-bfdf-7669b45af907",
"name": "Uber",
"legalName": "Uber Technologies, Inc.",
"domain": "uber.com",
"domainAliases": [
"uber.org",
"ubercab.com"
],
我遇到的问题是值的实例是数组。 在这些情况下，我希望将值数组连接为一个逗号分隔的字符串，并将其设置为数组前最后一个键的值。 在上面我会寻找输出如下：
<input name="companyId" value="3f5d6a4e-c284-4f78-bfdf-7669b45af907" />
<input name="companyName" value="Uber" />
<input name="companyLegalName" value="Uber Technologies, Inc." />
<input name="companyDomain" value="uber.com" />
<input name="companyDomainAliases" value="uber.org, ubercab.com" /> <!-- note this line is an array in the JSON object -->
我的代码如下：
function iterate(obj, stack) {
for (var property in obj) {
if (obj.hasOwnProperty(property)) {
if (typeof obj[property] == "object") {
iterate(obj[property], stack + property.charAt(0).toUpperCase() + property.slice(1));
} else {
console.log(stack.charAt(0).toLowerCase() + stack.slice(1) + property.charAt(0).toUpperCase() + property.slice(1) + " : " + obj[property]);
var content = document.getElementById('detailForm');
var formInput = document.createElement("input");
var formInputName = stack.charAt(0).toLowerCase() + stack.slice(1) + property.charAt(0).toUpperCase() + property.slice(1);
var formInputValue = obj[property];
formInput.setAttribute('name', formInputName);
formInput.setAttribute('value', formInputValue);
content.appendChild(formInput);
}
}
}
}
iterate(object, '')
我希望上面示例的输出是：
<input name="companyDomainAliases" value="uber.org, ubercab.com">
我有一个带有我当前工作代码的Codepen 。
这是您的代码的修改。 我添加了一个额外的参数来尝试保持您的整体结构并产生您想要的结果并防止重复调用数组元素。
function iterate(obj, stack,sublist)
{
for (var property in obj)
{
if (obj.hasOwnProperty(property))
{
if (typeof obj[property] == "object" && obj[property])
{
var subL = null;
if(obj[property] && obj[property].length>1)
{
subL =obj[property];
}
iterate(obj[property], stack + property.charAt(0).toUpperCase() + property.slice(1),subL);
}
else
{
var valueStr=obj[property];
var lastPart = property.charAt(0).toUpperCase() + property.slice(1);
if(sublist)
{
var i;
valueStr = sublist[0] ;
for (i = 1; i < sublist.length; i++)
{
valueStr += ","+sublist[i];
}
lastPart = "";
//console.log(valueStr);
}
//console.log(stack.charAt(0).toLowerCase() + stack.slice(1) + property.charAt(0).toUpperCase() + property.slice(1) + " : " + obj[property]);
var content = document.getElementById('detailForm');
var formInput = document.createElement("input");
var formInputName = stack.charAt(0).toLowerCase() + stack.slice(1) + lastPart;
var formInputValue = valueStr;
formInput.setAttribute('name', formInputName);
formInput.setAttribute('value', formInputValue);
// formInput.setAttribute('type', 'hidden');
content.appendChild(formInput);
//if(sublist)
// console.log(formInput);
}
}
if(obj==sublist)
break;
}
}
我如何setObject.item [n]的状态嵌套在数组中，而该数组嵌套在对象数组中
[英]How do I setState of object.item[n] nested within array which is nested within an array of objects
如何使用嵌套的For循环在换行上打印数组中的数组值？
[英]How do I use nested For loops to print array values within an array on new lines?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.