Обновление JavaScript ES6

ПОСТОЯННОЕ И РАЗРЕШЕНИЕ

Вы не можете переназначить const, но при желании можете использовать ключевое слово let для переназначения.

// example of let
let name = 'Ramu';
name = 'Shamu';
console.log(name);
// output
Shamu
// example of const
const name = 'Ramu';
name = 'Shamu';
console.log(name);
// output
error: Assignment to constant variable

Примечание: - То же самое относится и к объектам и массивам, если вы используете const для создания объекта, вы не можете переназначить этот объект снова. Хотя можно менять значения параметров внутри объекта.

Стрелочные функции = ›

// Old way to write JS functions
function sayHello(name){
   console.log('Hello '+name);
}
sayHello('Ashwani')
//output
Hello Ashwani
/**
* @param {*} name
* ES6 way
*/
const sayHi = (name) => console.log('Hi '+ name);
// or without braces, if passing single parameter
const sayHi2 = name => console.log('Hi '+ name);
// or using Template literals
const sayHi3 = name => console.log(`Hi ${name}`);
sayHi('World')
sayHi2('ES6')
sayHi3('JS')
//output
Hi World
Hi ES6
Hi JS

давайте сделаем фиктивный массив

const cars = ['Hyundai', 'Tata', 'Toyota'];

forEach - выполняет итерацию функции для каждого элемента массива.

cars.forEach((car, index)=> console.log(index, car))
//output
0 Hyundai
1 Tata
2 Toyota

map - почти то же самое, что forEach, но возвращает данные в одной переменной.

const fruits = ['Apples', 'Bananas', 'Grapes'];
const fruit = fruits.map(fruit => fruit.slice(0,-1).toUpperCase());
console.log(fruit);

filter - фильтровать данные, проверяет условие для каждого элемента массива

const people = [
  {id: 1, age: 20},
  {id: 2, age: 30},
  {id: 3, age: 40},
  {id: 4, age: 50},
]
// lets filter the people with age less than 41
const filtered_data = people.filter(person => person.age < 41 );
console.log(filtered_data);
// output is a new array with filtered data
[ 
  { id: 1, age: 20 }, 
  { id: 2, age: 30 }, 
  { id: 3, age: 40 } 
]

Оператор распространения…

- просто берет копию данного массива и может вставить больше элементов в конец массива.

const arr = [1,2,3];
const arr2 = [...arr, 4, 5];
console.log(arr2);
//output is
[ 1, 2, 3, 4, 5 ]

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

- это означает, что вы можете брать значения объекта в переменной и напрямую использовать эту переменную, скажем, у вас есть компонент vue или response.

// Destructuring
const user = {
   name: 'Ashwani Garg',
   address:{
      pocket:'D 12',
      city: 'Rohini'
   },
   hobbies: ['movies','music']
}
console.log(user.name);
//  let's destructure the object
const { name, hobbies, address } = user;
const { pocket, city } = address;
console.log(address);
console.log(pocket);
console.log(hobbies[1]);
//output
Ashwani Garg
{ pocket: 'D 12', city: 'Rohini' }
D 12
music