javascript - 将对象内的所有元素分配给空字符串

Question

我有一个错误对象:

data() {
    return {
        ...
        errors: {
            login: {
                email: '',
                password: '',
            },
            register: {
                name: '',
                email: '',
                password: '',
                password_confirmation: '',
            },
        }
    }
},

如何将 errors 对象内所有项目的值设置为 ''(只需清除它们)？
我可以使用
清除data对象内的所有项目Object.assign(this.$data, this.$options.data.call(this));
但是
Object.assign(this.$data.errors, this.$options.data.call(this));
或
Object.assign(this.$data.errors, {});
或
this.errors = ''
或
this.$set(this.$data.errors, '');
不起作用。

<小时/>

更新1
这适用于清除 errors.login:
Object.assign(this.$data.errors.login, this.$options.data.call(this));我想我可以将变量传递给 clear(obj) 并使用它
Object.assign(this.$data.errors.obj, this.$options.data.call(this));
但无论如何，寻找如何清除所有错误对象。

更新2
Object.assign(this.$data.errors.register, this.$options.data);
仅清除 errors.register 内的 email 和 password - 无法获取该逻辑。

Answer 1

您可以通过迭代对象的所有键并按对象值递归来采用迭代和递归方法。

function empty(object) {
    Object.keys(object).forEach(function (k){
        if (object[k] && typeof object[k] === 'object') {
            return empty(object[k]);
        }
        object[k] = '';
    });
}

var object = { errors: { login: { foo: 43, bar: 23 }, register: { baz: 'aaa', inner: { key: 'value' } } } };

empty(object);

console.log(object);

.as-console-wrapper { max-height: 100% !important; top: 0; }