DEV Community

Cover image for Manipulation des "String" avec Javascript
 Eric Le Codeur
Eric Le Codeur

Posted on

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

Top comments (2)

Collapse
 
duxtech profile image
Cristian Fernando

C'est post est super! Merci beaucoup

Collapse
 
ericlecodeur profile image
Eric Le Codeur

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