В этом коротком обзоре мы обратим внимание на наиболее часто используемые формы короткой записи кода в JavaScript.

Содержание

Тернарные операторы

// Обычный вариант
let someThingTrue = true
if(someThingTrue){
    console.log(“its true”)
}else{
    console.log(“its not true”)
}

// Короткая запись
let someThingTrue = true
someThingTrue ? console.log(“its true”) : console.log(“its not true”)

Замыкания

var someValueNotSureOfItsExistance = null
var expectingSomeValue = someValueNotSureOfItsExistance || “Value”

Операторы выбора

var someValue = true
if(someValue){
   console.log(“Its exist")
}

Циклы

var someValues = [1,2,4]
for (let val in someValues){
  console.log(val)
}
var obj = {
  “key1”:”value1",
  “key2”:”value2",
  “key3”:”value3"
}
for(let key in obj){
   console.log(key)
}

Преобразование значений переменных в объект

var x=”x”,y=”y”
var obj = {x,y}
console.log(obj)

Шаблоны

var name = “John”,age = 20
var someStringConcatenateSomeVariable = `My Name is ${name} and my age is ${age}`
console.log(someStringConcatenateSomeVariable)

Деструктуризация

import { observable, action, runInAction } from 'mobx';

Вывод в нсколько строк

var multiLineString = `some string\n
with multi-line of\n
characters\n`
console.log(multiLineString)

Spread

const odd = [1, 3, 5 ];
const nums = [2 ,4 , 6, ...odd];
console.log(nums); // [ 2, 4, 6, 1, 3, 5 ]

Array.find

const pets = [
  { type: 'Dog', name: 'Max'},
  { type: 'Cat', name: 'Karl'},
  { type: 'Dog', name: 'Tommy'},
]
pet = pets.find(pet => pet.type ==='Dog' && pet.name === 'Tommy');
console.log(pet); // { type: 'Dog', name: 'Tommy' }

Спасибо за внимание.