Sort js object by name

Question

I'd like to sort objects by prop name, eg

const a = {
    method: "GET",
    url: "asd",
    headers: {
        Content: "application/json",
        Authorization: "token",
    },
}

then select only the object in the buffer, apply our function, and it would turn into

const a = {
    headers: {
        Authorization: "token",
        Content: "application/json",
    },
    method: "GET",
    url: "asd",
}

I know there's a sort-regexp-fields

Answer 1

If your JavaScript code happened to also be valid JSON like:

{
    "method": "GET",
    "url": "asd",
    "headers": {
        "Content": "application/json",
        "Authorization": "token"
    }
}

You could use the function json-pretty-print-buffer-ordered or json-pretty-print-ordered from json.el. These functions won't work with most JavaScript code though because JSON has a stricter syntax. The sample code has unquoted keys and trailing commas which are perfectly valid JavaScript features (you just can't use JSON tools on it).

By no means is this a complete solution to your question (but it might be useful for some circumstances, so I figured it worth mentioning).