17 praktische JavaScript-Tipps, die Sie noch nicht kannten!

In diesem Artikel erfahren Sie 17 praktische JavaScript-Kenntnisse, die Sie noch nicht kennen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

1. Ternärer Operator

Neuling

let hungry = true;
let eat; 
if (hungry == true) {
       eat = 'yes'; 
} else {
       eat = 'no';
}

Experte

let hungry = true;
let eat = hungry == true ? 'yes' : 'no';

2

Experte

let num = 15; 
let s = num.toString(); // number to string
let n = Number(s); // string to number

3. Füllen Sie das aus array

Newbie

let num = 15;
let s = num + ""; // 数字转字符串
let n = +s; // 字符串转数字

Veteran

for(let i=0; i < arraySize; i++){
  filledArray[i] {&#39;hello&#39; : &#39;goodbye&#39;};
}

4. Dynamische Eigenschaften des Objekts

Newbie

let filledArray = new Array(arraysize).fill(null).map(()=> ({'hello' : 'goodbye'}));

Veteran

let dynamic = "value"; 
let user = {
     id: 1,
};
user[dynamic]: "other value";

5 s

Neuling

let dynamic = "value"; 
let user = {
    id: 1,
    [dynamic] = "other value"
};

Veteran 6. Array zu Objekt

Neuling

let array = [100, 23, 23, 23, 23, 67, 45]; 
let outputArray = [];
let flag = false; 
for (j = 0; < array.length; j++) {
   for (k = 0; k < outputArray.length; k++) {
      if (array[j] == outputArray[k]) {
         flag = true;
       }
    }
    if (flag == false) {
      outputArray.push(array[j]);
     }
     flag = false;
}
// tArray = [100, 23, 67, 45]

8. Kurzschlusszustand

Neuling

let array = [100, 23, 23, 23, 23, 67, 45]; 
let outputArray = Array.from(new Set(array))

Veteran

let arr = ["value1", "value2", "value3"]; 
let arrObject = {};
for (let i = 0; i < arr.length; ++i) {
   if (arr[i] !== undefined) {
     arrObject[i] = arr[i];
   }
}

9. Verwenden Sie ^, um zu überprüfen, ob die Zahlen gleich sind

let arr = ["value1", "value2", "value3"]; 
let arrObject = {...arr};

11. Holen Sie sich alle Schlüssel eines Objekts

let number = {
  one: 1, 
  two: 2,
};
let keys = []; 
for (let numbers in numbers) {
  if (number.hasOwnProperty(number)) {
     keys.push(number);
    }
}
// key = [ 'one', 'two' ]

12 . Überprüfen Sie, ob der Wert ein Array ist

let number = {
  one: 1, 
  two: 2,
};
let key = Object.keys(numbers); // key = [ 'one', 'two' ]
let value = Object.values(numbers);  // value = [ 1, 2 ]
let entry = Object.entries(numbers); // entry = [['one' : 1], ['two' : 2]]

13. Initialisieren Sie ein Array der Größe n und füllen Sie es mit Standardwerten

if (docs) {
    goToDocs();
}

14 >,0 code>, <code>"", null, undefiniert und NaN.

Wahre Werte: "Werte",0",{},[].

15. Der Unterschied zwischen dem dreifachen Gleichheitszeichen und dem doppelten Gleichheitszeichen code> undefiniert ist nicht.

docs && goToDocs()

Bei der Übergabe von null wird der Standardwert nicht verwendet, und wenn undefiniert oder nichts übergeben wird, ist der Standardwert Originaltext: https://dev.to/rahxuls/17-pro-javascript-tricks-you-didn-t-know-5gog

Autor: Rahul

Weitere Programmierkenntnisse finden Sie unter: Einführung in die Programmierung !

Das obige ist der detaillierte Inhalt von17 praktische JavaScript-Tipps, die Sie noch nicht kannten!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!