工作中常使用的js代码

“这是我参与8月更文挑战的第4天，活动详情查看：8月更文挑战”

if-else

if和else无论是在学习还是编程中，都是经常使用的，但是if和else看起来也许并不美观，所以可以用一行代码搞定。

let name='张三'
let age;
if(name=='张三'){
 age=13
}else{
age=14
}

一行代码
age=name=='张三'?13:14;

2.从数组中删除有重复的数字现在我们的ES6中的set出场，

const numbers = [1, 1, 20, 3, 3, 3, 9, 9];\
const uniqueNumbers = [...new Set(numbers)]; // -> [1, 20, 3, 9]

3.扩展运算符

const nums1 = [1, 2, 3];
const nums2 = [4, 5, 6];
let newArray = nums1.concat(nums2);
newArray = [...nums1, ...nums2];

4.从数组中查找特定元素使用find()方法查找匹配特定条件的元素：

const fruits = [
  { type: "Banana", color: "Yellow" },
  { type: "Apple", color: "Green" }
];

let yellowFruit;
for (let i = 0; i < fruits.length; ++i) {
  if (fruits[i].color === "Yellow") {
    yellowFruit = fruits[i];
  }
}
yellowFruit = fruits.find((fruit) => fruit.color === "Yellow");

5.压缩 For 循环使用内置forEach()方法通过一行代码循环遍历数组：

const numbers = [1, 2, 3, 4, 5];
for(let i = 0; i < numbers.length; i++){
  console.log(numbers[i]);
}
numbers.forEach(number => console.log(number));

6.用一行代码分配多个值使用ES6中的解构语法在一行中分配多个值：

num1 = 10;
num2 = 100;
[num1, num2] = [10, 100];

当然这个也可以在JavaScript对象中使用

student = {
  name: "Matt",
  age: 29,
};
let name = student.name;
let age = student.age;
let { name, age } = student;

7.Math.floor() 简写四舍五入Math.floor()并不是什么新鲜事。但是你知道你也可以使用~~运算符吗？

Math.floor(5.25) // -> 5.0

~~5.25 // -> 5.0

8.指数运算符你Math.pow()习惯把一个数字提高到一个幂吗？你知道你也可以使用运算符吗？

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

9.检查一个项目是否存在于数组中这不一定是速记，因为你几乎不会保存几个字符。但这是一种更清洁的方法。

你可以使用 includes() 方法，而不是使用 indexOf() 方法来检查元素是否在数组中。这使你的意图非常明确：

let numbers = [1, 2, 3];
const numbers1 = numbers.indexOf(1) > -1 // -> True
const numbers2 = numbers.includes(1)     // -> True

瑞思拜

常见的js代码片段

工作中常使用的js代码