如何在 JavaScript/Typescript 中轻松地将方括号表示法 (abc['prop']) 替换为点表示法 (abc.prop)？

Question

I am editing some code which has been written with a lot of unnecessary square bracket notations. For better understanding of the code, I want to convert stuff like abc[3]['prop']["subprop"] to abc[3].prop.subprop .

I can do this almost perfectly by doing text replacement in VSCode multiple times using regex ([\\w_$][\\w$_\\d]*(?:(?:\\[\\d+\\])+)?)\\[["']([\\w_$][\\w$_\\d]*)["']\\] to $1.$2 .

But it would also be nice to convert { 'prop': value1, "prop2": value2 } to { prop: value1, prop2: value2 } .

Is there any way to accomplish both goals, perhaps a prettier/beautifier/formatter extension or utility?

Answer 1

The dot-notation rule for ESLint with the --fix option can automatically correct it.

quote-props (which can also be auto-fixed) can also remove unnecessary quotes around properties, thanks Bravo.