DEV Community

loading...
Cover image for Manipulation des "String" avec Javascript

Manipulation des "String" avec Javascript

Eric Le Codeur
Javascript, Python et PHP
・2 min read

Si vous aimez ce genre de post et que vous ne voulez rien manquer de ma part, cliquez sur Follow.

Voici les principales fonctions de manipulation des String en JavaScript

String

const name = 'Mike Taylor'
// Accès direct
console.log(name[0]) // M

// Retourne la postion (zero base)
console.log(name.indexOf('T')) // 5

// Modifie un élément
name[0] = 'P' // Pike Taylor

// Extrait une partie de la chaine
console.log(name.slice(5)) // Taylor
console.log(name.slice(5, 8)) // Tay
console.log(name.slice(-2)) // or

// Conversion en minuscule / majuscule
console.log(name.toLowerCase()) // mike taylor
console.log(name.toUpperCase()) // MIKE TAYLOR

// Enlève les espaces blancs
const title = ' Ceci est un test avec des blancs   '
console.log(title.trim()) // 'Ceci est un test avec des blancs'

// Enchainement de fonctions.
console.log(title.toLowerCase().trim())  

// Remplace
const name = 'Mike Taylor'
console.log(name.replace('Mike', 'Paul') // Paul Taylor

// Inclut?
const name = 'Mike Taylor'
console.log(name.includes('Mike')) // true

// Divise 
const colors = 'Red, Green, Blue')
console.log(colors.split(',')) // ['Red', 'Green', 'Blue']

// Regroupe
const colors = ['Red', 'Green', 'Blue']
const colors_string = colors.join('-') // Red-Green-Blue

Enter fullscreen mode Exit fullscreen mode

Opérateur Short-circuit ||

// Si première expression est vrai alors retourne la première expression
// Si première expression est fausse alors retourne la deuxième expression
console.log('Hello' || 'Hi') // 'Hello'
console.log('' || 'Bye') // 'Bye'
console.log('' || 0 || 100) // 100

// Exemple d'assignation conditionnel
const maxUser = config.maxUser || 10

Enter fullscreen mode Exit fullscreen mode

Opérateur Nullish Coalescing

// Assignation seulement si null ou undefined
const maxUser = config.maxUser ?? 10

Enter fullscreen mode Exit fullscreen mode

Enchainement optionel

if (customer.creditLimit) {
  if (customer.creditLimit.dateExpire) {
    console.log(customer.creditLimit.dateExpire)
  }
}
console.log(customer.creditLimit.dateExpire) // error
// Enchainement optionnel: assignation seulement si undefined ou null
console.log(customer.creditLimit?.dateExpire) // undefined

Enter fullscreen mode Exit fullscreen mode

Discussion (3)

Collapse
aventure20 profile image
Aventure20

Une question, y aurait-il un tuto complet sur tout le JS ou une sorte de playlist (un truc du genre) que tu aurais créé????
Car j'ai juste apris à faire un bot Discord en JS. Donc je voudrait avoir les bases svp
Merci d'avance !

Collapse
ericlecodeur profile image
Eric Le Codeur Author

Bonjour, je prévu faire un tuto sur les base de js en français très bientôt...

Collapse
duxtech profile image
dux

C'est post est super! Merci beaucoup