[javascript] Chrome의 JavaScript 콘솔이 배열 평가에 대해 게으른가요?

다음을 사용하여 어레이를 복제 할 수 있습니다 Array#slice.

console.log(s); // ["bye"], i.e. incorrect
console.log(s.slice()); // ["hi"], i.e. correct

console.log이 문제가없는 대신 사용할 수있는 기능 은 다음과 같습니다.

console.logShallowCopy = function () {
    function slicedIfArray(arg) {
        return Array.isArray(arg) ? arg.slice() : arg;
    }

    var argsSnapshot = Array.prototype.map.call(arguments, slicedIfArray);
    return console.log.apply(console, argsSnapshot);
};

개체의 경우 불행히도 가장 좋은 방법은 WebKit이 아닌 브라우저로 먼저 디버깅하거나 복제 할 복잡한 함수를 작성하는 것입니다. 키 순서가 중요하지 않고 기능이없는 단순한 객체로만 작업하는 경우 항상 다음을 수행 할 수 있습니다.

console.logSanitizedCopy = function () {
    var args = Array.prototype.slice.call(arguments);
    var sanitizedArgs = JSON.parse(JSON.stringify(args));

    return console.log.apply(console, sanitizedArgs);
};

이 모든 메서드는 분명히 매우 느리므로 일반적인 console.logs 보다 훨씬 더 많이 디버깅을 완료 한 후에 제거해야합니다.

답변

console.log(JSON.stringify(the_array));

var fixedConsole;
(function($) {
    var _freezeOne = function(arg) {
        if (typeof arg === 'object') {
            return $.extend(true, {}, arg);
        } else {
            return arg;
        }
    };
    var _freezeAll = function(args) {
        var frozen = [];
        for (var i=0; i<args.length; i++) {
            frozen.push(_freezeOne(args[i]));
        }
        return frozen;
    };
    fixedConsole = {
        log: function() { console.log.apply(console, _freezeAll(arguments)); },
        warn: function() { console.warn.apply(console, _freezeAll(arguments)); },
        error: function() { console.error.apply(console, _freezeAll(arguments)); }
    };
})(jQuery);

var s = ["hi"];
console.log(CloneArray(s));
s[0] = "bye";
console.log(CloneArray(s));

function CloneArray(array)
{
    var clone = new Array();
    for (var i = 0; i < array.length; i++)
        clone[clone.length] = array[i];
    return clone;
}

console.log({...myObject});
console.log([...myArray]);