如何用jQuery检查一组对象在另一个数组对象中是否存在
如何用jQuery检查一组对象在另一个数组对象中是否存在
提问于 2019-06-02 10:15:02
我的数组，存储在名为data的变量中
var data = [
{
"name": "username",
"value": null,
"schema": {
"version": 1,
"name": "form.text"
}
},
{
"name": "password",
"value": null,
"schema": {
"version": 1,
"name": "form.text"
}
},
{
"name": "gender",
"value": "other",
"schema": {
"version": 1,
"value_type": "string",
"name": "form.select",
"choices": [
{
"value": "male",
"label": "Male"
},
{
"value": "female",
"label": "Female"
},
{
"value": "other",
"label": "Other"
}
]
}
},
{
"name": "country",
"value": "3",
"schema": {
"version": 1,
"value_type": "string",
"name": "form.select",
"choices": [
{
"value": "1",
"label": "Australia"
},
{
"value": "2",
"label": "USA"
},
{
"value": "3",
"label": "UK"
}
]
}
},
{
"name": "decision",
"value": "not sure",
"schema": {
"version": 1,
"value_type": "string",
"name": "form.text",
"choices": [
{
"value": "yes",
"label": "Yes"
},
{
"value": "no",
"label": "No"
},
{
"value": "not sure",
"label": "I am not sure"
}
]
}
},
{
"name": "hobby",
"value": "['book', 'movie']",
"schema": {
"version": 1,
"value_type": "string",
"name": "form.text",
"choices": [
{
"value": "travel",
"label": "Traveling"
},
{
"value": "book",
"label": "Reading"
},
{
"value": "movie",
"label": "Watching Movie"
}
]
}
},
{
"name": "privacy",
"value": null,
"schema": {
"version": 1,
"name": "form.text"
}
},
{
"name": "message",
"value": null,
"schema": {
"version": 1,
"name": "form.text"
}
}
]我的对象，存储在名为formObj的变量中
var formObj = {
username: {
value: null,
type: 'text',
label: 'Username',
placeholder: 'Enter username',
position: 'left',
block: 'firstRow',
order: 1,
additionalClass: 'user'
},
password: {
value: null,
type: 'password',
label: 'Password',
placeholder: 'enter password',
position: 'left',
block: 'firstRow',
order: 2
},
country: {
value: '3',
type: 'select',
label: 'Where are you form?',
//defaultText: 'Choose here',
position: 'right',
block: 'firstRow',
order: 2,
option: [{
value: '1',
label: 'Australia'
},
{
value: '2',
label: 'USA'
},
{
value: '3',
label: 'UK'
}
]
},
gender: {
value: 'female',
type: 'select',
label: 'Gender',
defaultText: null,
position: 'right',
block: 'firstRow',
order: 1,
option: [{
value: 'male',
label: 'Male'
},
{
value: 'female',
label: 'Female'
},
{
value: 'other',
label: 'Other',
additionalAttr: 'disabled'
}
]
},
decision: {
value: 'not sure',
type: 'radio',
label: 'Have you enjoyed it?',
position: 'left',
block: 'secondRow',
order: 1,
option: [{
value: 'yes',
label: 'Yes',
additionalAttr: 'disabled'
},
{
value: 'no',
label: 'No',
},
{
value: 'not sure',
label: 'I am not sure',
}
]
},
message: {
value: null,
type: 'textarea',
label: 'Message',
placeholder: 'type your message',
position: 'right',
block: 'secondRow',
order: 2,
},
vehicle: {
value: 'car',
type: 'checkbox',
label: 'Preferred vehicles',
position: 'left',
block: 'secondRow',
order: 2,
option: [{
value: 'car',
label: 'I like car'
},
{
value: 'bike',
label: 'I prefer bike'
},
{
value: 'boat',
label: 'Boat is my favorit'
}
]
},
hobby: {
value: ['book', 'movie'],
type: 'checkbox',
label: 'Hobbies',
position: 'left',
block: 'secondRow',
order: 3,
option: [{
value: 'travel',
label: 'Traveling'
},
{
value: 'book',
label: 'Reading'
},
{
value: 'movie',
label: 'Watching movie'
}
]
},
privacy: {
value: null,
type: 'checkbox',
label: 'Privacy',
position: 'right',
block: 'secondRow',
order: 3,
option: [{
value: 'agree',
label: 'I agree'
}
]
},
email: {
value: null,
type: 'text',
label: 'Email',
placeholder: 'Enter email',
position: 'right',
block: 'secondRow',
order: 1,
additionalAttr: 'disabled',
additionalClass: 'emailbox custom'
}
}因此，在data(数组)中有8 objects，在formObj(object)中有10 objects。
我的目标是将来自data的name与formObj进行匹配，并仅使用匹配的对象创建新对象。新对象的所有数组都应该来自data( value )。简而言之，创建一个类似于/来自formObj的newObj。newObj将不包含不在data(数组)中的对象。
我试着在这里写下这个概念，但不知道如何继续：
for (var i = 0; i < data.length; i++) {
if (data[i].name === formObj[key]) {
newObj = formObj; // take only those from formObj which exist in data
newObj[option] = data[schema][choices]; // take the option from choices
newObj[value] = data[value]; // take the value from value
}
}因此，newObj将为：
var newObj = {
username: {
value: null,
type: 'text',
label: 'Username',
placeholder: 'Enter username',
position: 'left',
block: 'firstRow',
order: 1,
additionalClass: 'user'
},
password: {
value: null,
type: 'password',
label: 'Password',
placeholder: 'enter password',
position: 'left',
block: 'firstRow',
order: 2
},
country: {
value: '3',
type: 'select',
label: 'Where are you form?',
//defaultText: 'Choose here',
position: 'right',
block: 'firstRow',
order: 2,
option: [{
value: '1',
label: 'Australia'
},
{
value: '2',
label: 'USA'
},
{
value: '3',
label: 'UK'
}
]
},
gender: {
value: 'other',
type: 'select',
label: 'Gender',
defaultText: null,
position: 'right',
block: 'firstRow',
order: 1,
option: [{
value: 'male',
label: 'Male'
},
{
value: 'female',
label: 'Female'
},
{
value: 'other',
label: 'Other',
additionalAttr: 'disabled'
}
]
},
decision: {
value: 'not sure',
type: 'radio',
label: 'Have you enjoyed it?',
position: 'left',
block: 'secondRow',
order: 1,
option: [{
value: 'yes',
label: 'Yes',
additionalAttr: 'disabled'
},
{
value: 'no',
label: 'No',
},
{
value: 'not sure',
label: 'I am not sure',
}
]
},
message: {
value: null,
type: 'textarea',
label: 'Message',
placeholder: 'type your message',
position: 'right',
block: 'secondRow',
order: 2,
},
hobby: {
value: ['book', 'movie'],
type: 'checkbox',
label: 'Hobbies',
position: 'left',
block: 'secondRow',
order: 3,
option: [{
value: 'travel',
label: 'Traveling'
},
{
value: 'book',
label: 'Reading'
},
{
value: 'movie',
label: 'Watching movie'
}
]
},
privacy: {
value: null,
type: 'checkbox',
label: 'Privacy',
position: 'right',
block: 'secondRow',
order: 3,
option: [{
value: 'agree',
label: 'I agree'
}
]
}
}我的工作代码：
$.ajax({
url: "https://api.myjson.com/bins/151f9r",
method: "GET"
})
.done(function(response) {
var data = response.fieldset;
console.log('.......................');
console.log(data);
})
.fail(function(response) {
console.log(response);
});
var formObj = {
username: {
value: null,
type: 'text',
label: 'Username',
placeholder: 'Enter username',
position: 'left',
block: 'firstRow',
order: 1,
additionalClass: 'user'
},
password: {
value: null,
type: 'password',
label: 'Password',
placeholder: 'enter password',
position: 'left',
block: 'firstRow',
order: 2
},
country: {
value: '3',
type: 'select',
label: 'Where are you form?',
//defaultText: 'Choose here',
position: 'right',
block: 'firstRow',
order: 2,
option: [{
value: '1',
label: 'Australia'
},
{
value: '2',
label: 'USA'
},
{
value: '3',
label: 'UK'
}
]
},
gender: {
value: 'female',
type: 'select',
label: 'Gender',
defaultText: null,
position: 'right',
block: 'firstRow',
order: 1,
option: [{
value: 'male',
label: 'Male'
},
{
value: 'female',
label: 'Female'
},
{
value: 'other',
label: 'Other',
additionalAttr: 'disabled'
}
]
},
decision: {
value: 'not sure',
type: 'radio',
label: 'Have you enjoyed it?',
position: 'left',
block: 'secondRow',
order: 1,
option: [{
value: 'yes',
label: 'Yes',
additionalAttr: 'disabled'
},
{
value: 'no',
label: 'No',
},
{
value: 'not sure',
label: 'I am not sure',
}
]
},
message: {
value: null,
type: 'textarea',
label: 'Message',
placeholder: 'type your message',
position: 'right',
block: 'secondRow',
order: 2,
},
vehicle: {
value: 'car',
type: 'checkbox',
label: 'Preferred vehicles',
position: 'left',
block: 'secondRow',
order: 2,
option: [{
value: 'car',
label: 'I like car'
},
{
value: 'bike',
label: 'I prefer bike'
},
{
value: 'boat',
label: 'Boat is my favorit'
}
]
},
hobby: {
value: ['book', 'movie'],
type: 'checkbox',
label: 'Hobbies',
position: 'left',
block: 'secondRow',
order: 3,
option: [{
value: 'travel',
label: 'Traveling'
},
{
value: 'book',
label: 'Reading'
},
{
value: 'movie',
label: 'Watching movie'
}
]
},
privacy: {
value: null,
type: 'checkbox',
label: 'Privacy',
position: 'right',
block: 'secondRow',
order: 3,
option: [{
value: 'agree',
label: 'I agree'
}
]
},
email: {
value: null,
type: 'text',
label: 'Email',
placeholder: 'Enter email',
position: 'right',
block: 'secondRow',
order: 1,
additionalAttr: 'disabled',
additionalClass: 'emailbox custom'
}
}
console.log(formObj);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-06-02 10:26:31
如果名称作为关键字存在于使用hasOwnProperty的formObj上，则可以使用reduce遍历data array.Check。如果存在，则使用展开语法浅复制对象并覆盖value属性。
var data = [{"name":"username","value":null},{"name":"password","value":null},{"name":"gender","value":"other"},{"name":"country","value":"3"},{"name":"decision","value":"not sure"},{"name":"hobby","value":[]},{"name":"privacy","value":null},{"name":"message","value":null}]
var formObj = {"username":{"value":null,"type":"text","label":"Username","placeholder":"Enter username","position":"left"},"password":{"value":null,"type":"password","label":"Password","placeholder":"enter password","position":"left"},"gender":{"value":"female","type":"select","label":"Gender","defaultText":null,"position":"right"},"country":{"value":"3","type":"select","label":"Where are you form?","position":"right","block":"firstRow"},"decision":{"value":"not sure","type":"radio","label":"Have you enjoyed it?","position":"left","block":"secondRow"},"email":{"value":null,"type":"text","label":"Email","placeholder":"Enter email","position":"right"},"hobby":{"value":[null,null],"type":"checkbox","label":"Hobbies","position":"left","block":"secondRow"},"privacy":{"value":"","type":"checkbox","label":"Privacy","position":"right","block":"secondRow"},"message":{"value":"","type":"textarea","label":"Message","placeholder":"type your message","position":"right"},"vehicle":{"value":"car","type":"checkbox","label":"Preferred vehicles","position":"left","block":"secondRow"}}
var newObj = data.reduce((c, v) => {
if (formObj.hasOwnProperty(v.name)) c[v.name] = {...formObj[v.name],value: v.value};
return c;
}, {});
console.log(newObj);
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56411763
复制相关文章
相似问题
腾讯云开发者
