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
Top comments (2)
C'est post est super! Merci beaucoup
Bonjour, je prévu faire un tuto sur les base de js en français très bientôt...