DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for 1 line of code: How to convert tabs to spaces
martin krause
martin krause

Posted on

1 line of code: How to convert tabs to spaces

const tabsToSpaces = (str, tabsize = 4) => str.replaceAll("\t", " ".repeat(tabsize));
Enter fullscreen mode Exit fullscreen mode

Returns the string and replaces a series of spaces (tab size) with a tab.


The repository & npm package

You can find the all the utility functions from this series at github.com/martinkr/onelinecode
The library is also published to npm as @onelinecode for your convenience.

The code and the npm package will be updated every time I publish a new article.


Follow me on Twitter: @martinkr and consider to buy me a coffee

Photo by zoo_monkey on Unsplash


Subscribe to the weekly modern frontend development newsletter


Top comments (9)

Collapse
 
lexlohr profile image
Alex Lohr

There's an edge case inherent to tabs this one-liner misses: tabs mask previous spaces within their length, so \s\t should become \t, unless tab length was one.

However, if there are no stray spaces hidden beneath the tabs, it should work.

Collapse
 
martinkr profile image
martin krause

Hey Alex,

Thank you, good catch! You want to contribute an optimised version and I update the article?

Cheers!

Collapse
 
lexlohr profile image
Alex Lohr • Edited on

Unfortunately, that's not a one-liner anymore, as you would have to calculate the expected position of the tab even inside the string, so it's a lot more complex. I would advise to merely document this edge case.

Collapse
 
jonrandy profile image
Jon Randy πŸŽ–οΈ

Tabs > Spaces

Collapse
 
martinkr profile image
martin krause

:D

Collapse
 
martinkr profile image
martin krause
Collapse
 
koas profile image
Koas
Collapse
 
veerasrivastava profile image
Veera Srivastava

cute

Collapse
 
devfranpr profile image
DevFranPR • Edited on

Part 1: Get this snippet.
Part 2: Use it on your friend who loves tabs over spaces codebase.
Part 3: Enjoy.

11 Tips That Make You a Better Typescript Programmer

typescript

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!