Split is not a function ошибка

Sign Up for Our Newsletters

Get notified on the latest articles

By checking this box, you confirm that you have read and are agreeing to our terms of use regarding the storage of the data submitted through this form.

The weakly typed nature of JavaScript is often both a blessing and a curse. It is great being able to code quickly and efficiently without having to worry about type safety. Of course, without this type safety, it can be easy to make mistakes and try to use methods before finding out the hard way that they do not exist. An example of such a mistake is the .split is not a function error.

The Problem

First and foremost it is important to understand the usage of the split() method. It can only be used on strings so the first potential problem is that you have tried to use it on a variable that is not a string. For example:

let myVar = true;

console.log(myVar.split()); // ❌ split is not a function error
Code language: JavaScript (javascript)

As mentioned before, JavaScript is a weakly typed language which means the type of a variable can be dynamic and implicitly changed at runtime. With the value of a variable changing throughout the course of a script’s execution, it is possible that the variable you once thought was a string has since changed to a different type. Here’s an example of what that might look like:

let myVar = 'hello world';

console.log(myVar.split('')); // ✔️ this works fine

myVar = 123;

console.log(myVar.split('')); // ❌ split is not a function error



  


                       
  



Code language: JavaScript (javascript)

As you can see here the value of myVar was once a string which meant the .split() method worked fine. Once it changed to a number, however, the error occurs.

The Solution

In most cases, the easiest thing you can do is simply make sure the variable you are working with is a string before you try to use split() with it. This can be achieved with some simple logic that you could do inline or as part a of a function:

let myVar = true;

const arr = typeof myVar === 'string' ? myVar.split('') : []; // ✔️ this works fine

console.log(arr);
Code language: JavaScript (javascript)

What should you do if you actually want to use the value whether or not it is a string? Fortunately, most types in JavaScript have a native toString() method that converts a value to its closest string representation. In the following example we combine the logic from the previous example with toString():

let myVar = 'hello world';

console.log(myVar.split('')); // ✔️ this works fine

myVar = 123;

const arr = (typeof myVar === 'string' ? myVar : myVar.toString()).split(''); // ✔️ this also works fine

console.log(arr);
Code language: JavaScript (javascript)

In this example the value is converted to a string if necessary before using split() on it. This is helpful to understand the importance of using toString() to ensure the value is a string but to make this even cleaner you could simply use toString() on the value without first checking if it is a string and get the same result — with less code!

const arr = myVar.toString().split('');
Code language: JavaScript (javascript)

Conclusion

Hopefully this will help you use split() properly and safely. The simplest and most important part is to make sure you are actually working with a string. Other than that, you can tailor your solution to fit your specific use case. Let us know if you have any other ideas about how to approach this error or if you have other errors you would like us to cover.

In this article, I will help you to know the cause of the error “TypeError: split is not a function” in JavaScript and give some examples to fix it easily. Let’s go into detail now.

Why does the “TypeError: split is not a function” in JavaScript happen?

There are some cases where your program will throw the above error, but the most common one is using the split() method on a value that is not of type string.

The error message occurs as follows:

Uncaught TypeError: split is not a function

Example:

var date = new Date();
var str = (date).slice(1, 10);
console.log(str);

Output:

Uncaught TypeError: date.split is not a function

Example:

var date = new Date();
var str = (date).slice(1, 10);
console.log(str);

Output:

Uncaught TypeError: date.split is not a function

Above, I used two variables with a different value than the string to call the split() method, and the result is that the two program examples both throw the Uncaught TypeError: slice is not a function.

How to fix this error?

Fixing this error is not complicated. You must convert its value into a string and use the typical split() method.

Here are some solutions to fix this error.

Use toString() method

toString() method helps us convert a certain value into a string. Most cases of converting some values into a string using this method because it appears in most objects in JavaScript.

Example:

// Example with Number
var num = 1431817912;

// Convert Date to String
var strNum = num.toString();

console.log(strNum.split("1"));

// Example with Date
var date = new Date();

// Convert Date to String
var strDate = date.toString();
var strDate1 = date.toDateString();

console.log(strDate.split(" "));
console.log(strDate1.split(" "));

Output:

(5) ['', '43', '8', '79', '2']
(8) ['Wed', 'Nov', '09', '2022', '17:58:02', 'GMT+0700', '(Indochina', 'Time)']
(4) ['Wed', 'Nov', '09', '2022']

In the above example, we see that for the date example, we have two ways to use: the toString() method and the toDateString() method to convert to string. Still, the two returned results are different because the toDateString() method will only have the date and year without the time. So depending on your needs, you will choose between the toDateString() or toString() method.

Plus an empty string

For this method, you use the (+) operator to add the value of the Number or Date variable to convert it to a string.

Example:

// Example with Number
var num = 1431817912;

// Convert Date to String
var strNum = num + "";

console.log(strNum.split("1"));

// Example with Date
var date = new Date();

// Convert Date to String
var strDate = date + "";

console.log(strDate.split(" "));

Output:

(5) ['', '43', '8', '79', '2']
(8) ['Wed', 'Nov', '09', '2022', '17:58:02', 'GMT+0700', '(Indochina', 'Time)']

Summary

In this article, I have shown you how to fix the error “TypeError: split is not a function” in JavaScript. Try it again. It will help you understand and remember it longer. I hope this article helps you and your program. Good luck.

Maybe you are interested:

• TypeError: getFullYear() is not a Function in JavaScript
• TypeError: toLocaleDateString is not a function in JavaScript
• TypeError: Cannot read property ‘filter’ of Undefined in JavaScript

Синтаксис split в javascript

При развитии строки по разделителю(separator) — разделитель будет уничтожен.

str.split([separator][, limit]);

Значения параметров split в javascript

Два аргумента в split в javascript ^

Аргумент separator в split в javascript

регулярное выражение или строка, по которой делить str

Аргумент limit в split в javascript

максимальное количество кусков, на которые может быть разбита строка

Пример работы метода split в JavaScript

Разберем пример работы метода split в JavaScript. Чтобы это увидеть нам потребуется:

Код примера работы метода split в JavaScript


<script>
var example = "П р и в е т М и р";
var result = example.split(" ");
document.write(result);
</script>


Результат работы кода метода split в JavaScript

Далее нам остается вывести код данного примера работы метода прямо здесь:

Тип данных после работы split в JavaScript

После того, как был применен метод split в JavaScript — какой ти переменной возвращается?

Для того, чтобы определить тип данных после split в JavaScript нам потребуется

код определения возвращаемого значения split в JavaScript


<script>
var example = "П р и в е т М и р";
var result = example.split(" ");
document.write(typeof result);
</script>


Результат работы кода определения возвращаемого значения split в JavaScript

js split is not a function

Одной из проблем, которая встречается довольно часто это : «js split is not a function«.

Чтобы понять, почему это происходит давайте пробуем её воспроизвести…

Возьмем все тот же код и в последней строке… поскольку мы знаем, что наш массив состоит из ячеек разделенных запятой, то и попробуем разбить уже полученный массив еще раз по разделителю «запятая»


<script>
var example = "П р и в е т М и р";
var result = example.split(" ");
document.write(result.split(","));
</script>


Получение ошибки js split is not a function

После выполнения выше приведенного кода вы поучите ошибку «js split is not a function«:

Исправление ошибки js split is not a function

Не могу придумать вразумительный пример… ну … вот до чего додумался(придумается более интересный пример, — перепишу)…

Как вы наверное помните. что в переменной result(выделено фиолетовым) находится объект.
Если мы его превратим в строку с помощью toString — выделено красным, то весь код благополучно сработает и ошибки не будет:

<script>
var example = "П р и в е т М и р";
var result = example.split(" ").toString();
document.write(result.split(","));
</script>


Пример исправленной ошибки «js split is not a function«

Чтобы убедить в исправленной ошибке «js split is not a function» — разместим выше приведенный код прямо здесь:

Почему результат одинаковый?

Почему приведенный результат не отличается от примера, который был разобран в выше идущих пунктах?

Выше я и говорил… что это не очень удачный пример, но как говорится… какой есть…