javascript - 如何检查对象在knockout js中是否有任何属性

Question

knockout js中如何判断observable对象是否存在属性
我已经尝试使用 hasOwnProperty 并且它总是返回 false 给我。

我的代码如下:

    <div data-bind="click:setObject">Click here</div>
    <div data-bind="click:init">check console</div>
    <script>
        var ViewModel = function() {
            var self = this;
            this.arrayVal = ko.observable({});
            this.setObject = function(){  /* i have set property here  */
                self.arrayVal({
                    id:10
                });
            };
            self.init = function(){
                console.log(self.arrayVal());
                console.log(self.arrayVal.hasOwnProperty('id'));  /* on second click (after setObject ) i expect trut,but it returned false */
            }
            self.init();
        };
        ko.applyBindings(new ViewModel()); 
    </script>

Answer 1

您需要获取 arrayVal observable 中的值:

console.log(self.arrayVal().hasOwnProperty('id'));

Observable 本身有方法 hasOwnProperty 但没有属性 id，因此

self.arrayVal.hasOwnProperty('id');    // false, 'id' doesn't exist on the observable

同时

self.arrayVal().hasOwnProperty('id');    // true, 'id' exists on the observable's value