Développement web

Cours 11

JavaScript

Opérations

Opérations

JavaScript permet de faire des opérations simples


const foo = 1
const bar = 2
const result = foo + bar

console.log(result)
                        

qu'il est possible d'écrire plus simplement


console.log(1 + 2)
                        

Mais que se passe-t-il si on mélange différent types de variables ?


console.log(1 + '1')
console.log(1 - '1')
console.log(1 + 'a')
console.log('hel' + 'lo')
console.log(1 + true)
console.log(1 + false)
console.log(12 % 10)
console.log(1 * 'a')
console.log(1 / 0)
                        

Concaténation

Rassembler plusieurs variables en une chaîne de caractères s'appelle concaténer

Il est possible de le faire en utilisant le +


const name = 'Bruno'
const age = 20
const presentation = 'Mon nom est ' + name + ' et j\'ai ' + age + ' ans'
                        

⚠️ Cela veut dire que le + peut décider de faire une addition ou une concaténation selon les variables concernées

Il est aussi possible d'utiliser la méthode template literal aussi appelée backtick ou back quote


const name = 'Bruno'
const age = 20
const presentation = `Mon nom est ${name} et j'ai ${age} ans`
                        

Cette méthode permet aussi d'écrire la chaîne de caractères sur plusieurs lignes


const foo = `
    Lorem
    Ipsum
    Dolores
`
                        

Il est possible d'incrémenter (+1) ou décrémenter (-1) une variable


let i = 0
i++
console.log(i)
i++
console.log(i)
i--
console.log(i)
                        

Pour les opérations mathématiques plus complexes, JavaScript fourni une variable de type objet nommée Math contenant des méthodes (fonctions) et des propriétés (variables)

Pour accéder aux propriétés d'un objet, il faut utiliser le .


console.log(Math.PI)     // Propriété π
console.log(Math.sin(2)) // Méthode sinus
                        

☝️ Nous verrons par la suite comment créer nos propres objets

Méthodes de l'objet Math

  • Math.random() nombre aléatoire entre 0 et 1
  • Math.min() minimum
  • Math.max() maximum
  • Math.round() arrondi
  • Math.ceil() arrondi au dessus
  • Math.floor() arrondi en dessous
  • Math.abs() valeur absolue
  • Math.log() logarithme
  • Math.pow() au carré
  • Math.sqrt() racine carré

Méthodes de l'objet Math

  • Math.sin() sinus
  • Math.asin() sinus inverse
  • Math.cos() cosinus
  • Math.acos() cosinus inverse
  • Math.atan() tangente
  • Math.atan2() arc tangente du quotient de ses arguments

Propriétés de l'objet Math

  • Math.PI π
  • Math.E nombre d'euler
  • ...