17个你不知道的实用javascript技巧！-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

本篇文章给大家分享17个你不知道的实用javascript技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

1.三元运算符

新手

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

老手

1 2	`let hungry = true;` `let eat = hungry == true ?` `'yes'` `:` `'no';`

2.数字转字符串/字符串转数字

新手

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

老手

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

3.填充数组

新手

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

老手

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

4.对象的动态属性

新手

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

老手

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

5.删除重复项

新手

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]

老手

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

6. 数组到对象

新手

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

老手

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

7.对象到数组

新手

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