jquery - 如何合并两个对象

Question

我有两个对象

var defPathValues={'id':'','fill':'','fill-opacity':'','stroke-width':'','stroke-linecap':'','stroke-linejoin':'',
                        'stroke':'','d':'','transform':''};

var options={'id':'ele1', 'fill':'white'};

我想合并这两个对象并从 defPathValues 中删除其他空属性（即基于我们传递的选项）。

合并后，我想在 svg path 元素中设置这些属性。

在那之前我喜欢

var path = document.createElementNS(this.svgLink, "path");
        $(path).attr({
            'id': this.SvgObject.id+ "_" + series.Name + "_"+ seriesIndex,
            'fill': 'none',
            'stroke-width': style.SeriesStyle.BorderWidth,
            'stroke': style.SeriesInterior,
            'stroke-linecap': style.SeriesStyle.LineCap,
            'stroke-linejoin':style.SeriesStyle.LineJoin,     
            'd': direction,

        });

而不是我想将 object 直接设置为 path 元素的 attr 。我怎样才能做到这一点 ？

Answer 1

这可能不是最优雅的解决方案，但我相信它会起作用：我假设您在此代码运行之前已将 defPathValues 和 options 定义为 JS 对象。

for(var i in options) defPathValues[i] = options[i];

var newDefPathValues = {};
for(var i in defPathValues) {
    if(typeof defPathValues[i] == 'undefined' || defPathValues[i] == '' || defPathValues[i] == null) continue;
    newDefPathValues[i] = defPathValues[i];
}
defPathValues = newDefPathValues;