Manipulation des "String" avec Javascript

ericlecodeur

Eric Le Codeur

Posted on March 29, 2021

Manipulation des "String" avec Javascript

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
💖 💪 🙅 🚩
ericlecodeur
Eric Le Codeur

Posted on March 29, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related