Manipulation des "String" avec Javascript

#french #javascript #beginners #tutorial

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

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

Opérateur Nullish Coalescing

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

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