Advanced template string splitting

Question

I just found this really cool way to split a string, but I'm not sure why it works can anyone please explain it to me. .split`` instead of .split("")

let str = "Justin"
console.log(str.split``) 
// ["J", "u", "s", "t", "i", "n"]

Does this answer your question? [Backticks calling a function](https://stackoverflow.com/questions/29660381/backticks-calling-a-function) — Ivar, Jul 11 '20 at 23:53

score 1 · Answer 1 · answered Jul 11 '20 at 23:44

1

It's a result of tagged templates, str.split is treated as a tag of the template (``), and thus is called with the empty string as its first argument.

answered Jul 11 '20 at 23:44

xavc

1,245
1
8
14

Patrick Roberts · Accepted Answer · 2020-07-11T23:56:59.847

let str = "Justin"
console.log(str.split``)

is a tagged template, which is equivalent to:

let str = "Justin"
const strings = Object.freeze(Object.assign([""], { raw: [""] }))
console.log(str.split(strings))

This works because String.prototype.split(separator[, limit]) will convert the separator to a string in §21.1.3.21 step 7 if it doesn't implement the Symbol.split method (checked in step 2), and [""].toString() === "".

Advanced template string splitting

2 Answers2