656

I am doing a console.log statement in my javascript in order to log a javascript object. Is there a way, once that's done - to copy that object as javascript code?

What I'm trying to do is convert an object that was created using ajax to parse an xml feed into a static javascript object so that a file can run locally, without a server. I've included a screenshot of the object in the chrome inspector window so you can see what I'm trying to do.enter image description here

1
  • 1
    Try using firefox and the option .toSource(). It's easier
    – chepe263
    Commented Apr 24, 2012 at 20:18

16 Answers 16

1626
  1. Right-click an object in Chrome's console and select Store as Global Variable from the context menu. It will return something like temp1 as the variable name.

  2. Chrome also has a copy() method, so copy(temp1) in the console should copy that object to your clipboard.

Note on Recursive Objects: If you're trying to copy a recursive object, you will get [object Object]. The way out is to try copy(JSON.stringify(temp1)) , the object will be fully copied to your clipboard as a valid JSON, so you'd be able to format it as you wish, using one of many resources.

If you get the Uncaught TypeError: Converting circular structure to JSON message, you can use JSON.stringify's second argument (which is a filter function) to filter out the offending circular properties. See this Stack Overflow answer for more details.

24
  • 3
    return undefined in chrome Version 49.0.2623.87 (64-bit) ? why >? Commented Aug 19, 2016 at 6:33
  • 13
    @PardeepJain - that is expected from the copy() method because there is nothing to return. The data should be in your clipboard.
    – Carl
    Commented Aug 23, 2016 at 17:57
  • 76
    This just gives [object Object] for me. Commented May 24, 2017 at 20:58
  • 1
    @Ullallulloo try logging out with JSON.stringify like this: stackoverflow.com/a/4293047/622287
    – kevnk
    Commented May 24, 2017 at 21:06
  • 6
    it works only if you have a shallow JS object, if you have recursive deep object then will you ll get [Object Object] - that is expected Commented Feb 23, 2018 at 14:02
75

In Chrome 89 or later you can simply right click an object in the console and choose Copy Object (ref). This also works in some other places inside Chrome Developer Tools e.g. whilst debugging or inside response tab for a network request.

Other option is to use the copy command as-is:

var x = { a: 1, b: 2 };
copy(x);

Original answer

2
  • 7
    I don't see how that would work unless you modify the code that logs it.
    – iConnor
    Commented Nov 10, 2013 at 21:27
  • 39
    I get TypeError: Converting circular structure to JSON Commented Aug 2, 2018 at 17:38
45

You can copy an object to your clip board using copy(JSON.stringify(Object_Name)); in the console.

Eg:- Copy & Paste the below code in your console and press ENTER. Now, try to paste(CTRL+V for Windows or CMD+V for mac) it some where else and you will get {"name":"Daniel","age":25}

var profile = {
    name: "Daniel",
    age: 25
};

copy(JSON.stringify(profile));
3
  • 21
    Doesn't work with DOM nodes, window or any other object that it's circular Commented Dec 27, 2016 at 3:18
  • By far the easiest solution for a large but simple object.
    – Hersheezy
    Commented Jan 18, 2017 at 15:30
  • easiest solution Commented May 15, 2019 at 6:35
26

You can now accomplish this in Chrome by right clicking on the object and selecting "Store as Global Variable": http://www.youtube.com/watch?v=qALFiTlVWdg

enter image description here

2
  • 2
    As of Version 39.0.2171.95, the "Store as Global Variable" option is not available when inspecting Android devices with Chrome. Commented Jan 13, 2015 at 0:20
  • 1
    @David Calhoun, I voted for your answer. It looks like your answer was posted June 12, 2014 and the one accepted was Aug 5, 2014, largely taking exactly what you had. I have to admit that he mentions temp1 where your answer only shows it in your video, so maybe that's why the other answer was accepted. Best wishes.
    – PatS
    Commented Sep 15, 2018 at 16:01
14

If you've sent the object over a request you can copy it from the Chrome -> Network tab.

Request Payload - > View Source

enter image description here

enter image description here

1
13

Follow the following steps:

  1. Output the object with console.log from your code, like so: console.log(myObject)
  2. Right click on the object and click "Store as Global Object". Chrome would print the name of the variable at this point. Let's assume it's called "temp1".
  3. In the console, type: JSON.stringify(temp1).
  4. At this point you will see the entire JSON object as a string that you can copy/paste.
  5. You can use online tools like http://www.jsoneditoronline.org/ to prettify your string at this point.
2
  • Step with JSON.stringify(temp1) could affect to a long time execution if object is big.
    – heroin
    Commented Jul 10, 2016 at 13:41
  • 1
    @JoeTidee I had the same issue, but I set up a debugger statement and then retrieved my var directly from the console at the breakpoint. Commented Aug 2, 2018 at 17:28
7

Update - Chrome 89

Right click -> Copy object

source: (https://developers.google.com/web/updates/2021/01/devtools?utm_source=devtools)

enter image description here

also from debugger

enter image description here

3
  • Do you know a way to keep properties that are undefined? Commented Jul 14, 2021 at 0:39
  • amm It's really not a solve one issue, but you can do manipulation to have the key and value if you have Object.entries({test: undefined, test2: 2}).map(([key,value])=>({key,value})) and after copy you will get [ { "key": "test" }, { "key": "test2", "value": 2 } ]
    – Omer
    Commented Jul 14, 2021 at 10:58
  • 5
    People, can you just STOP posting those invalid answers already? Using the copy() function on an object only EVER results in the exact string [object Object] being copied. It's useless! Commented Aug 9, 2022 at 9:30
5

This actually helped me out mine is a bit of an edge case. But for what I am doing it works.

The devices I am testing on use safari debug tools and I can never copy the objects like you can in Chrome simply right click and copy object.

Tried JSON.stringify and the pasting the contents into https://beautifier.io but then have to try reformat it.

I ended up using local storage and the copy method.

In your code use.

localStorage.setItem('dataCopy', JSON.stringify(data));

Then just paste this in the console and click enter.

copy(JSON.parse(window.localStorage.dataCopy))

You then have your array of objects in the clip board.

3

This function will work for array objects if you face error:

Uncaught TypeError: Converting circular structure to JSON --> starting at object with constructor 'Object' | property 'fields' -> error:

 function copyWithCircularRefs(input) {
  const getCircularReplacer = () => {
    const seen = new WeakSet();
    return (key, value) => {
      if (typeof value === "object" && value !== null) {
        if (seen.has(value)) {
          // Instead of returning undefined, return a custom placeholder
          return '[Circular]';
        }
        seen.add(value);
      }
      return value;
    };
  };

  // Use the custom replacer function with JSON.stringify
  const stringifiedData = JSON.stringify(input, getCircularReplacer(), 2);

  // Copy the stringified data to the clipboard
  copy(stringifiedData);

  // Log a message to the console to confirm the action
  console.log('Object copied to clipboard');
}

// Usage:
// Replace 'myComplexObject' with your actual complex object
copyWithCircularRefs(myComplexObject);

This function will now handle circular references by replacing them with the string '[Circular]'. When you paste the copied data, you'll see this placeholder wherever a circular reference was detected, which allows you to understand the structure without losing the reference information.

1

This should help stringify deep objects by leaving out recursive Window and Node objects.

function stringifyObject(e) {
  const obj = {};
  for (let k in e) {
    obj[k] = e[k];
  }

  return JSON.stringify(obj, (k, v) => {
    if (v instanceof Node) return 'Node';
    if (v instanceof Window) return 'Window';
    return v;
  }, ' ');
}
1
  • Does not work: Uncaught TypeError: Converting circular structure to JSON --> starting at object with constructor 'Window'
    – Black
    Commented Oct 19, 2022 at 13:31
1

you can console the object as string

var objToString = JSON.stringify(obj)
console.log(objToString );

Then in an editor like Notepad ++ paste de output and then ehit a plugin format

JSFormat

0

Using "Store as a Global Variable" works, but it only gets the final instance of the object, and not the moment the object is being logged (since you're likely wanting to compare changes to the object as they happen). To get the object at its exact point in time of being modified, I use this...

function logObject(object) {
    console.info(JSON.stringify(object).replace(/,/g, ",\n"));
}

Call it like so...

logObject(puzzle);

You may want to remove the .replace(/./g, ",\n") regex if your data happens to have comma's in it.

0

So,. I had this issue,. except I got [object object]

I'm sure you could do this with recursion but this worked for me:

Here is what I did in my console:

var object_that_is_not_shallow = $("all_obects_with_this_class_name");
var str = '';
object_that_is_not_shallow.map(function(_,e){
    str += $(e).html();
});
copy(str);

Then paste into your editor.

0

Right click on data which you want to store

  • Firstly, Right click on data which you want to store -> select "Store as global variable" And the new temp variable appear like bellow: (temp3 variable): New temp variable appear in console
  • Second use command copy(temp_variable_name) like picture: enter image description here After that, you can paste data to anywhere you want. hope useful/
0
0

If you have bigint data in JSON, all the answers do not work.

When you try to serialize an object that contains bigint values using JSON.stringify(), it throws a TypeError because it doesn't know how to represent bigint values as strings.

You need a usage code:

copy(JSON.stringify(temp1, (_, v) => typeof v === 'bigint' ? v.toString() : v))

This function (_, v) => typeof v === 'bigint' ? v.toString() : v) checks if the value is of type bigint. If so, it converts the value to a string using toString(). Otherwise, it leaves the value unchanged. This way, you can serialize objects containing bigint values without encountering errors.

Screenshot copy bigint from chrome console

1
  • Hey, thanks for pitching in on StackOverflow! Your answer seems a bit unclear and might leave readers scratching their heads. Could you provide more context or clarify your points to make it easier to follow? Feel free to edit your answer for better clarity and understanding.
    – RedYetiDev
    Commented Mar 8 at 22:52
-1

Add this to your console and execute

copy(JSON.stringify(foo));

This copies your JSON to clipboard

1
  • Uncaught TypeError: Converting circular structure to JSON Commented Dec 4, 2023 at 13:08

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.