首页 / JAVASCRIPT / javascript-如何以编程方式将对象添加到键相同的对象？

javascript-如何以编程方式将对象添加到键相同的对象？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何以编程方式将对象添加到键相同的对象？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含10804字，纯文字阅读大概需要16分钟。

内容图文

我正在使用underscore-query,它需要传入一个JSON对象来定义所有搜索子句.我需要通过一个循环构造对象,该循环从接口读取搜索值.我正在获取所有搜索值,但是我需要将它们转换为查询子句格式.这是一个示例循环：

var filterArray = [];
var filterObject = {};
for (var key in $scope.mpsfilters) {
    if ($scope.mpsfilters.hasOwnProperty(key)) {
        var keyparts = key.split('_');
        filterArray.push({
            $and: {
                "attribute_id": keyparts[0],
                "type": keyparts[1],
                "display_value": {$lte: $scope.mpsfilters[key].range_top, $gte: $scope.mpsfilters[key].range_bottom}
            }
        });
    }
}

for (var i = 0; i < filterArray.length; i++) {
    var filterStep = jQuery.extend({},filterObject, filterArray[i]);
    filterObject = filterStep;
}

我需要的最终结果应如下所示：

{
    $and: {
        "attribute_id": 2422, 
        "type": "max", 
        "display_value": {
            $lte: 200, 
            $gte: 0.3
        }
    },
    $and: {
        "attribute_id": 2421, 
        "type": "typ", 
        "display_value": {
            $lte: 150, 
            $gte: 50
        }
    }
    $and: {
        "attribute_id": 2750, 
        "type": "min", 
        "display_value": {
            $lte: 17, 
            $gte: 2
        }
    }
}

我有两个使这个问题变得复杂的问题：

>所有使用jQuery.extend(),angular.extend(),angular.merge()等的示例仅将两个对象组合为一个,并且都分配了已知变量.就我而言,它必须是动态的,因为搜索变量的数量可以变化.
>我添加到主对象的每个对象基本上都具有相同的键“ $and”. extend()和merge()(合并是Angular 1.4的新增功能,它保留嵌套的对象)函数将仅更新相同的键,除非您传递空的{}对象作为第一个参数.这个最终对象将传递给它的过滤功能需要在上面显示的结构中.

我的代码现在的结果是这样的：

{
    $and: {
        "attribute_id": 2750, 
        "type": "min", 
        "display_value": {
            $lte: 17, 
            $gte: 2
        }
    }
}

它似乎是替代而不是附加.我该如何添加它？

解决方法:

您当前编写的查询将始终返回false.在没有合并修饰符的情况下,始终假定“和”(根据文档).因此,您正在寻找attribute_id为2422、2421和2750的对象.

从逻辑上讲这是不可能的,因此我假设您的意思是以下内容(即使它仍然无效)：

{ 
    $or: {
        $and: {
            "attribute_id": 2422, 
            "type": "max", 
            "display_value": {
                $lte: 200, 
                $gte: 0.3
            }
        },
        $and: {
            "attribute_id": 2421, 
            "type": "typ", 
            "display_value": {
                $lte: 150, 
                $gte: 50
            }
        }
        $and: {
            "attribute_id": 2750, 
            "type": "min", 
            "display_value": {
                $lte: 17, 
                $gte: 2
            }
        }
    }
}

事实证明,即使文档中从未这么说,代码实际上也支持数组：

var models = [
  { x: 0, y: 0 },
  { x: 0, y: 1 },
  { x: 0, y: 2 },
  { x: 0, y: 3 },
  { x: 1, y: 0 },
  { x: 1, y: 1 },
  { x: 1, y: 2 },
  { x: 1, y: 3 }
];

var result = _.query( models, {
    $or: [
      { $and: { x: 0, y: 1 } },
      { $and: { x: 1, y: 0 } }
    ]
});

console.log( result );
// result = [ { x: 0, y: 0 }, { x: 1, y: 0 } ]

<!-- No CDN for underscore-query -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script>(function(){var e,t,r,n,u,a,s,i,o,c,l,f,y,h,p,$,d,g,m,k,v,b,w,O,x,q,j=[].slice,E=[].indexOf||function(e){for(var t=0,r=this.length;r>t;t++)if(t in this&&this[t]===e)return t;return-1},A={}.hasOwnProperty;for($=this,w={},b=function(){var e;return e={},["every","some","filter","reduce","map"].forEach(function(t){return e[t]=function(){var e,r;return r=arguments[0],e=2<=arguments.length?j.call(arguments,1):[],r[t].apply(r,e)}}),e.keys=Object.keys,e.isArray=Array.isArray,e.result=function(e,t){return null==e&&(e={}),"Function"===w.getType(e[t])?e[t]():e[t]},e.detect=function(e,t){var r,n,u;for(n=0,u=e.length;u>n;n++)if(r=e[n],t(r))return r},e.reject=function(e,t){var r,n,u,a;for(a=[],n=0,u=e.length;u>n;n++)r=e[n],t(r)||a.push(r);return a},e.intersection=function(e,t){var r,n,u,a;for(a=[],n=0,u=e.length;u>n;n++)r=e[n],-1!==t.indexOf(r)&&a.push(r);return a},e.isEqual=function(e,t){return JSON.stringify(e)===JSON.stringify(t)},e},n=function(e){var t,r,n,u;for(u=["every","some","filter","detect","reject","reduce","intersection","isEqual","keys","isArray","result","map"],r=0,n=u.length;n>r;r++)if(t=u[r],w[t]=e[t],!w[t])throw new Error(""+t+" missing. Please ensure that you first initialize underscore-query with either lodash or underscore")},w.getType=function(e){var t;return t=Object.prototype.toString.call(e).substr(8),t.substr(0,t.length-1)},w.makeObj=function(e,t){var r;return(r={})[e]=t,r},w.reverseString=function(e){return e.toLowerCase().split("").reverse().join("")},w.compoundKeys=["$and","$not","$or","$nor"],w.makeGetter=function(e){return e=e.split("."),function(t){var r,n,u,a;for(n=t,u=0,a=e.length;a>u;u++)r=e[u],n&&(n=w.result(n,r));return n}},o=function(e,t){var r,n,u;u=[];for(r in t)n=t[r],u.push(w.makeObj(e,w.makeObj(r,n)));return u},l=function(e){var t,r,n,u,a,s;switch(t=w.keys(e)[0],u=e[t],r={key:t},(null!=u?u.$boost:void 0)&&(r.boost=u.$boost,delete u.$boost),-1!==t.indexOf(".")&&(r.getter=w.makeGetter(t)),n=w.getType(u)){case"RegExp":case"Date":r.type="$"+n.toLowerCase(),r.value=u;break;case"Object":if(E.call(w.compoundKeys,t)>=0)r.type=t,r.value=y(u),r.key=null;else if(w.keys(u).length>1)r.type="$and",r.value=y(o(t,u)),r.key=null;else for(a in u)if(A.call(u,a)){if(s=u[a],!v(a,s))throw new Error("Query value ("+s+") doesn't match query type: ("+a+")");switch(r.type=a,a){case"$elemMatch":r.value=m(f(s));break;case"$endsWith":r.value=w.reverseString(s);break;case"$likeI":case"$startsWith":r.value=s.toLowerCase();break;case"$not":case"$nor":case"$or":case"$and":r.value=y(w.makeObj(r.key,s)),r.key=null;break;case"$computed":r=l(w.makeObj(t,s)),r.getter=w.makeGetter(t);break;default:r.value=s}}break;default:r.type="$equal",r.value=u}return"$equal"!==r.type||"Object"!==n&&"Array"!==n||(r.type="$deepEqual"),r},y=function(e){var t,r,n,u,a,s,i;for(n=w.isArray(e)?e:function(){var r;r=[];for(t in e)A.call(e,t)&&(u=e[t],r.push(w.makeObj(t,u)));return r}(),i=[],a=0,s=n.length;s>a;a++)r=n[a],i.push(l(r));return i},v=function(e,t){var r;switch(r=w.getType(t),e){case"$in":case"$nin":case"$all":case"$any":return"Array"===r;case"$size":return"Number"===r;case"$regex":case"$regexp":return"RegExp"===r;case"$like":case"$likeI":return"String"===r;case"$between":case"$mod":return"Array"===r&&2===t.length;case"$cb":return"Function"===r;default:return!0}},k=function(e,t){var r;switch(r=w.getType(t),e){case"$like":case"$likeI":case"$regex":case"$startsWith":case"$endsWith":return"String"===r;case"$contains":case"$all":case"$any":case"$elemMatch":return"Array"===r;case"$size":return"String"===r||"Array"===r;case"$in":case"$nin":return null!=t;default:return!0}},h=function(e,t,r,n,u){switch(e){case"$equal":return w.isArray(r)?E.call(r,t)>=0:r===t;case"$deepEqual":return w.isEqual(r,t);case"$contains":return E.call(r,t)>=0;case"$ne":return r!==t;case"$lt":return t>r;case"$gt":return r>t;case"$lte":return t>=r;case"$gte":return r>=t;case"$between":return t[0]<r&&r<t[1];case"$betweene":return t[0]<=r&&r<=t[1];case"$in":return E.call(t,r)>=0;case"$nin":return E.call(t,r)<0;case"$all":return w.every(t,function(e){return E.call(r,e)>=0});case"$any":return w.some(r,function(e){return E.call(t,e)>=0});case"$size":return r.length===t;case"$exists":case"$has":return null!=r===t;case"$like":return-1!==r.indexOf(t);case"$likeI":return-1!==r.toLowerCase().indexOf(t);case"$startsWith":return 0===r.toLowerCase().indexOf(t);case"$endsWith":return 0===w.reverseString(r).indexOf(t);case"$type":return typeof r===t;case"$regex":case"$regexp":return t.test(r);case"$cb":return t.call(n,r);case"$mod":return r%t[0]===t[1];case"$elemMatch":return d(r,t,null,!0);case"$and":case"$or":case"$nor":case"$not":return p(e,t,u,n);default:return!1}},m=function(e,t,r){var n,u;if("String"===w.getType(t)&&(n=t,t=function(e,t){return e[n](t)}),r){if(1!==e.length)throw new Error("score operations currently don't work on compound queries");if(u=e[0],"$and"!==u.type)throw new Error("score operations only work on $and queries (not "+u.type);return function(e){return e._score=p(u.type,u.parsedQuery,t,e,!0),e}}return function(n){var a,s;for(a=0,s=e.length;s>a;a++)if(u=e[a],!p(u.type,u.parsedQuery,t,n,r))return!1;return!0}},p=function(e,t,r,n,u){var a,s,i,o,c,l,f,y,p,$;for(i=0,c=0,l=1/t.length,y=0,p=t.length;p>y;y++)switch(o=t[y],a=o.getter?o.getter(n,o.key):r?r(n,o.key):n[o.key],f=k(o.type,a),f&&(f=h(o.type,o.value,a,n,r)),f&&(i++,u&&(s=null!=($=o.boost)?$:1,c+=l*s)),e){case"$and":if(!u&&!f)return!1;break;case"$not":if(f)return!1;break;case"$or":if(f)return!0;break;case"$nor":if(f)return!1;break;default:throw new Error("Invalid compound method")}return u?c:"$not"===e?0===i:"$or"!==e},f=function(e){var t,r,n,u,a;if(n=w.keys(e),!n.length)return[];if(t=w.intersection(w.compoundKeys,n),0===t.length)return[{type:"$and",parsedQuery:y(e)}];if(t.length!==n.length){E.call(t,"$and")<0&&(e.$and={},t.unshift("$and"));for(r in e)A.call(e,r)&&(a=e[r],E.call(w.compoundKeys,r)<0&&(e.$and[r]=a,delete e[r]))}return function(){var r,n,a;for(a=[],r=0,n=t.length;n>r;r++)u=t[r],a.push({type:u,parsedQuery:y(e[u])});return a}()},c=function(e){var t;return"String"===w.getType(e)&&(t=e,e=function(e,r){return e[t](r)}),e},e=function(){function e(e,t){this.items=e,this._getter=t,this.theQuery={}}return e.prototype.all=function(e,t){return e&&(this.items=e),e=this.indexes?this.getIndexedItems(this.items):this.items,d(e,this.theQuery,this._getter,t)},e.prototype.chain=function(){return _.chain(this.all.apply(this,arguments))},e.prototype.tester=function(){return i(this.theQuery,this._getter)},e.prototype.first=function(e){return this.all(e,!0)},e.prototype.getter=function(e){return this._getter=e,this},e}(),t=function(e){return function(t,r){var n;return r&&(t=w.makeObj(t,r)),null==(n=this.theQuery)[e]&&(n[e]=[]),this.theQuery[e].push(t),this}},q=w.compoundKeys,O=0,x=q.length;x>O;O++)s=q[O],e.prototype[s.substr(1)]=t(s);return e.prototype.find=e.prototype.query=e.prototype.run=e.prototype.all,r=function(t,r){return new e(t,r)},i=function(e,t){return m(f(e),c(t))},a=function(e,t,r){return d(e,t,r,!0)},d=function(e,t,n,u,a){var s;return arguments.length<2?r.apply(this,arguments):(n&&(n=c(n)),"Function"!==w.getType(t)&&(t=m(f(t),n,a)),(s=a?w.map:u?w.detect:w.filter)(e,t))},g=function(e,t,r){return d(e,t,r,!1,!0)},d.build=r,d.parse=f,d.findOne=d.first=a,d.score=g,d.tester=d.testWith=i,d.getter=d.pluckWith=w.makeGetter,u=function(e,t){return null==t&&(t=!0),e||(e=b(),t=!1),n(e),t&&e.mixin({query:d,q:d}),d},$._?u($._):exports&&("undefined"!=typeof module&&null!==module?module.exports:void 0)?module.exports=u:u}).call(this);</script>

因此,您实际上可以这样编写查询：

{ 
    $or: [
        { $and: {
            "attribute_id": 2422, 
            "type": "max", 
            "display_value": {
                $lte: 200, 
                $gte: 0.3
            }
        } },
        { $and: {
            "attribute_id": 2421, 
            "type": "typ", 
            "display_value": {
                $lte: 150, 
                $gte: 50
            }
        } },
        { $and: {
            "attribute_id": 2750, 
            "type": "min", 
            "display_value": {
                $lte: 17, 
                $gte: 2
            }
        } }
    ]
}

这会使您的函数更加简单：

var filterArray = [];
var filterObject = {};
for (var key in $scope.mpsfilters) {
    if ($scope.mpsfilters.hasOwnProperty(key)) {
        var keyparts = key.split('_');
        filterArray.push({ $and: {
            "attribute_id": keyparts[0],
            "type": keyparts[1],
            "display_value": {$lte: $scope.mpsfilters[key].range_top, $gte: $scope.mpsfilters[key].range_bottom}
        }});
    }
}

// look how much easier this is!
filterObject = { $or: filterArray };

内容总结

以上是互联网集市为您收集整理的javascript-如何以编程方式将对象添加到键相同的对象？全部内容，希望文章能够帮你解决javascript-如何以编程方式将对象添加到键相同的对象？所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/661377.html

来源：【匿名】

【上一篇】javascript-PubNub AngularJS未定义函数ngSubscribe 【下一篇】javascript 怎么调用php方法

更多 ►

【javascript-如何以编程方式将对象添加到键相同的对象？】教程文章相关的互联网学习教程文章

JavaScript判断两个对象内容是否相等【代码】

ES6中有一个方法判断两个对象是否相等，这个方法判断是两个对象引用地址是否一致let obj1= {a: 1}let obj2 = {a: 1} console.log(Object.is(obj1, obj2)) // false let obj3 = obj1 console.log(Object.is(obj1, obj3)) // trueconsole.log(Object.is(obj2, obj3)) // false当需求是比较两个对象内容是否一致时就没用了。想要比较两个对象内容是否一致，思路是要遍历对象的所有键名和键值是否都一致：1、判断两个对象是否指向同一内...

Javascript高级程序设计——面向对象之实现继承【代码】

原型链：　　构造函数中都有一个prototype属性指针，这个指针指向原型对象，而创建的实例也有指向这个原型对象的指针__proto__。当实例查找方法时先在实例上找，找不到再通过__proto__到原型对象上查找。如果原型对象是另一个类型的实例，那么原型对象包含一个指向另一个原型对象的指针、另一个原型对象中也包含指向另一个构造函数的指针。原型连继承function superValue(){this.superValue = "superValue"; }superValue.prototype...

javascript声明对象时带var和不带var的区别【代码】

Javascript声明变量时var aaa = 111;和aaa = 111;两种方式一样吗?废话少说,先上代码.var aaa = 11;function test4(){var aaa = 22; }test4();console.log(aaa);结果是什么呢? 11这个好理解, 函数内的var aaa声明是内部变量,这时结果是第一个aaa的值.变动一下如下:var abc = 11;function test4(){abc = 22; }test4();console.log(abc);结果是什么呢? 22再改:function test4(){var aaa = 22; }test4();console.log(aaa);结果怎样? 运...

javaScript浏览器对象【代码】

window对象alert() 显示带有一段消息和确认按钮的警告框 prompt() 显示可提示用户输入的对话框 confirm() 显示带有一段消息以及企鹅人按钮和取消按钮的对话框 open() 打开一个新的浏览器窗口或者找一个已命名的窗口 close() 关闭浏览器窗口 print() 打印当前窗口的内容 focus() 把键盘焦点给予一个窗口 blur() 把键盘焦点从顶层窗口移开 moveBy() 可相对窗口的当前坐标把他移动指定的像素 moveTo() 把窗口的左上角移动...

《JavaScript 模式》读书笔记（5）— 对象创建模式1【代码】

这又是一个新的开始，对象的重要性不言而喻。在JavaScript中创建对象是十分容易的，之前聊过的对象字面量和构造函数都可以达到目的。但是本篇中，我们越过那些方法，以寻求一些额外的对象创建模式。　　本篇内容，我们将学到命名空间（namespace），依赖声明（dependency declaration）、模块模式（module pattern）、沙箱模式（sandbox pattern）。它们都可以帮助您组织应用程序代码的结构，并且降低隐含的全局变量带来的后果。其...

javascript事件对象

JavaScript基础17——js的Date对象【代码】【图】

1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>js的Date对象</title> 6<script type="text/javascript"> 7var date =new Date();8 document.write("当前日期："+ date);9// toLocaleString()方法，根据本地时间格式，把Date对象转换为字符串10 document.write("<br />格式化 toLocaleString()方法："+ date.toLocaleString()); 11// getFullYear()方法，得到当前的四位数年份12 ...

Razor 将C#对象转换成Javascript对象， json还原被转码的字符 &quot·· HTML转义符【代码】

Razor 将C#对象转换成Javascript对象在Razor中使用Json字符串，特殊字符被自动转义（如：\"->"）@{var jsonStr = Html.Raw(JsonUtil.ToJson(VieBag.data)); } <script> var data = JSON.parse(@jsonStr); </script> ViewBag.Data = list;<script type="text/javascript">//将数据对象转换为 JSON 格式，是为了在网页中通过使用JS将数据作为文本进行处理var data = @Html.Raw(Json.Encode(ViewBag.Data));for (var i = 0; i < ...

JavaScript对象的chapterII【图】

一、BOM对象 1.window对象——表示整个浏览器窗口常用方法： a)alert()——系统消息框 alert(‘Hello World‘); b)确认对话框——confirm() confirm("确定要删除吗) 该方法返回一个boolean值，如果点击ok返回true,点击...

javascript类型系统——日期Date对象【代码】

×目录[1]静态方法[2]构造函数[3]实例方法前面的话　　Date对象是javascript语言中内置的数据类型，用于提供日期和时间的操作接口。Date对象是在早期java中的java.util.Date类基础上创建的，为此，Date类型使用自UTC1970年1月1日0点开始经过的毫秒数来保存日期，它可以表示的时间范围是1970年1月1日0点前后的各1亿天。本文将详细介绍Date对象的用法静态方法　　在介绍Date对象的构造函数之前，先介绍静态方法。因为，Date对象的静态...

JavaScript--对象+函数

1. 复杂数据类型 Object ECMAScript中的对象其实就是一组数据(属性)和功能(方法)的集合。 1) 创建Object实例：　　1.使用构造函数创建，new Object() 　　　　var person = new Object(); 　　　　 person.name = "briup"; 　　　　person.age = 22; 　　2.使用对象字面量表示法　　　　不同的属性之间用‘,‘分割，属性名和属性值之间用‘:‘分割　　　　　　 var person = { 　　　　　　　　name : "briup",...

07.30《JavaScript》——JS创建对象的三种方式【代码】

1.第一种创建对象的方式：先定义类再创建对象 // 第一种创建对象的方式：先定义类再创建对象 function stu(sno, name, age){ 　　this.sno = sno; 　　this.name = name; 　　this.age = age; 　　this.study = function(){ 　　　　alert("学号为"+this.sno+"的学生,姓名叫做"+this.name+",正在努力学习,年龄为"+this.age); 　　} } var a = new stu(1,‘wang‘,23); a.study(); 2.第二种创建对象的方...

javascript 面向对象OOP笔记【代码】

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>OOP</title><script type="text/javascript">function myOOP() {alert(this.a);alert(this.b);}var a = 12;window.b = 2;window.onload = function(){var c = [1,2,3,4,5,6];var d = 7;c.e = 8;c.f = function () {alert(this.e);};c.f();this.myOOP();window.myOOP();myOOP();};</script> </head> <body> </body> </html> 原文：http://www.cnblogs.com/fen...

深入理解JavaScript的闭包特性如何给循环中的对象添加事件

初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。1. <!DOCTYPE HTML>2. <html>3. <head>4. <meta charset="utf-8" />5. <title>闭包演示</title>6. <style type="text/css"...

JavaScript设计模式：一、面向对象编程（第三节）【代码】

一、继承 js并没有继承这一个现有的机制，所以我们所说的继承是通过JS本身的机制去实现的。1、类式继承 1// 类式继承 2 3// 父类 4function SuperClass () {5this.superValue = true 6}7 8// 为父类原型添加方法 9 SuperClass.prototype.getSuperValue = function (arguments) { 10returnthis.superValue 11} 1213// 声明子类14function SubClass () { 15this.subValue = false16} 1718// 继承父类19 SubClass.prototype = new S...

首页 / JAVASCRIPT / javascript-如何以编程方式将对象添加到键相同的对象？

javascript-如何以编程方式将对象添加到键相同的对象？

内容导读

内容图文

内容总结

内容备注

内容手机端

【javascript-如何以编程方式将对象添加到键相同的对象？】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

编程 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程