Diviser la chaîne en tableau en JavaScript

Harshit Jindal 12 octobre 2023
  1. Utilisez la méthode split() pour diviser une chaîne en un tableau en JavaScript
  2. Utilisez la méthode from() pour diviser une chaîne en un tableau en JavaScript
  3. Utilisez l’opérateur spread ES6 pour diviser une chaîne en un tableau
Diviser la chaîne en tableau en JavaScript

Ce tutoriel explique comment diviser une chaîne en un tableau en JavaScript.

Utilisez la méthode split() pour diviser une chaîne en un tableau en JavaScript

La méthode split() prend en entrée une chaîne et renvoie un tableau de sous-chaînes formées sur la base d’un délimiteur. Cette condition de division est fournie comme premier argument de la fonction. Si nous ne donnons aucun argument, nous obtenons un tableau contenant une copie de la chaîne. Si nous fournissons un délimiteur, la fonction divise la chaîne en un tableau de sous-chaînes séparées par ce caractère. Donc, si nous voulons obtenir chaque caractère sous forme d’élément de tableau, nous devons fournir "" en tant qu’argument.

var arr = 'delftstack'.split('');
console.log(arr);

Production:

["d", "e", "l", "f", "t", "s", "t", "a", "c", "k"]

Utilisez la méthode from() pour diviser une chaîne en un tableau en JavaScript

La méthode from() prend en entrée un tableau et renvoie un autre tableau. Si nous fournissons une chaîne en entrée, cela crée un tableau avec chaque caractère de la chaîne en tant qu’élément de tableau. Il prend les paramètres suivants comme arguments :

  1. object : c’est l’objet d’entrée qui doit être converti en un tableau.
  2. mapFunction : C’est un argument optionnel spécifiant la fonction map à appeler sur les éléments du tableau.
  3. thisValue : Il est utilisé pour représenter la valeur this de l’objet dans la mapFunction.
console.log(Array.from('delftstack'));

Utilisez l’opérateur spread ES6 pour diviser une chaîne en un tableau

L’opérateur spread décompresse les objets itérables. Il itère sur n’importe quel objet itérable et l’étend sur place. Lorsque l’opérateur spread est utilisé sur une chaîne, nous obtenons un tableau de sous-chaînes où chaque sous-chaîne est un caractère individuel de la chaîne.

const str = 'delftstack';
const arr = [...str];
console.log(arr);

Les navigateurs comme Internet Explorer ne prennent pas en charge cet opérateur.

Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Article connexe - JavaScript Array

Article connexe - JavaScript String