ПОСТОЯННОЕ И РАЗРЕШЕНИЕ
Вы не можете переназначить 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