Prägnantes JS-Code-Snippet

1. Der Nullkoaleszieroperator (??)
   gibt die rechte Seite zurück, wenn die linke Seite nicht definiert ist, und wenn ja, gibt sie die linke Seite zurück

	 let may;
     if(may) {
    
    
       	console.log(may)
      } else {
    
    
      	console.log('123')
     }
 
   console.log(may ?? 'Nothing found')

2. Optionale Verkettung (?.)
Verwenden Sie den optionalen Verkettungsoperator, wenn die Eigenschaft nicht definiert ist und undefiniert anstelle eines Fehlers zurückgegeben wird. Dies verhindert, dass der Code abstürzt

const student = {
    
    
    name: '哈哈',
    age: '20',
    address: {
    
    
      state: 'aaa'
    }
  }
 console.log(student && student.address && student.address.ZIPCode)
 console.log(student?.address?.ZIPCode)

3. Variablen austauschen, Variablen durch Destrukturierung der Zuweisung austauschen

let x = 1;
let y = 2;
[ x, y ] = [y, x ]

4. Überprüfen Sie mit dem &&-Operator, ob es wahr ist

var isReady = true 
function doSomething() {
    
    
   console.log('yes')
 }
 
 if(isReady) {
    
    
   doSomething ()
 }
 
 isReady && doSomething ()

5. Exponentialoperator

Math.pow(4,2)  // 16
Math.pow(2,3)  // 8

4**2  // 16
2**3  // 8

6. Abkürzung für Math.floor(), Sie können den Operator ~~ verwenden

Math.floor(2.4)  // 2
~~2.4  // 2

7. Sammeln Sie die Werte des Objekts in einem Array.
Verwenden Sie Object.values(), um alle Werte des Objekts in einem neuen Array zu sammeln

const info = {
    
     name: "Matt", country: "Finland", age: 35 };

let data = [];
for (let key in info) {
    
    
  data.push(info[key]);
}

const data = Object.values(info);

Der Artikel stammt aus dem öffentlichen Konto der chinesischen Vue-Community, das zur einfachen Abfrage aufgezeichnet wurde