Chercher des fonctions [Utiliser les documentations JavaScript]

contenu
navigation

Chercher des fonctions

Objectif

Apprendre à chercher des fonctions sur le MDN.

Mise en situation

Une bonne partie du travail d'un développeur consiste à s'approprier des fonctions, objets, méthodes pour résoudre un problème au lieu de développer lui-même des fonctionnalités, de ré-inventer la roue.

Il est utile de se renseigner sur les fonctions disponibles en rapport avec les chaînes de caractères. La page MDN des « Strings » est faite pour ça.

Chaque méthode, fonction ou objet est cliquable et a sa propre page avec un exemple, voici quelques méthodes intéressantes :

Exemple :

concat : pour concaténer au moins deux chaînes ensemble.

const hello = "Bonjour"
const world = "tout le monde"
console.log(hello.concat(' ', world))
// affiche "Bonjour tout le monde"

const hello = "Bonjour"
const world = "tout le monde"

console.log(hello.concat(' ', world))
// affiche "Bonjour tout le monde"

Exemple :

includes : renvoie true si une chaîne contient la chaîne donnée comme argument.

const names = ['Alice', 'Jean-Marie', 'Charlie']
for (const name of names) {
  console.log(`Le prénom ${name} ${name.includes('-') ? 'est' : "n'est pas"} composé`)
}
// Pour chaque prénom, affiche qu'il est composé si il inclut le caractère - (trait d'union).

const names = ['Alice', 'Jean-Marie', 'Charlie']

for (const name of names) {
  console.log(`Le prénom ${name} ${name.includes('-') ? 'est' : "n'est pas"} composé`)
}
// Pour chaque prénom, affiche qu'il est composé si il inclut le caractère - (trait d'union).

La page de la méthode includes indique aussi que cette dernière est sensible à la casse.

Exemple :

split : divise une chaîne selon un séparateur et renvoie un tableau avec les différents éléments.

let receivedInfo = 'Luke:Skywalker:luke.sky@rebels.net:Jedi Master'
receivedInfo = receivedInfo.split(':')
const luke = {
  firstname: receivedInfo[0],
  lastname: receivedInfo[1],
  email: receivedInfo[2],
  title: receivedInfo[3]
}
console.log(luke)

let receivedInfo = 'Luke:Skywalker:luke.sky@rebels.net:Jedi Master'
receivedInfo = receivedInfo.split(':')

const luke = {
  firstname: receivedInfo[0],
  lastname: receivedInfo[1],
  email: receivedInfo[2],
  title: receivedInfo[3]
}

console.log(luke)

Exemple : Chaînes de caractères

toUpperCase : retourne la chaîne en majuscule, l'exemple précédent pourrait donner :

let receivedInfo = 'Luke:Skywalker:luke.sky@rebels.net:Jedi Master'
receivedInfo = receivedInfo.split(':')
const luke = {
  firstname: receivedInfo[0],
  lastname: receivedInfo[1].toUpperCase(),
  email: receivedInfo[2],
  title: receivedInfo[3]
}
console.log(luke)

let receivedInfo = 'Luke:Skywalker:luke.sky@rebels.net:Jedi Master'
receivedInfo = receivedInfo.split(':')

const luke = {
  firstname: receivedInfo[0],
  lastname: receivedInfo[1].toUpperCase(),
  email: receivedInfo[2],
  title: receivedInfo[3]
}

console.log(luke)

À retenir

Il est très simple de trouver toutes les fonctions/méthodes autour d'un objet JavaScript.
Chaque page contient aussi des informations sur la manière qu'a JavaScript d'interpréter le code.

Stéphane Crozat, Youssef El Saadany