Javascript ES6… 3 точки - 101 курс

ES6 стал использоваться по умолчанию для javascript со всеми имеющимися у нас замечательными сборщиками. По мере того, как это растет, «функциональное программирование» растет, и идея не мутировать переменные также растет. Ниже приведено множество способов выполнить эти действия. Но эти уловки ES6 очень удобны для того, чтобы ваш код был чистым и коротким.

Я не очень хорошо запоминаю вещи, и каждый раз, когда мне нужно было гуглить то, что мне нужно. Поэтому я решил создать этот пост для себя :) но я уверен, что все вы могли бы извлечь из него пользу и сэкономить кучу времени!

Так что не забудьте добавить его в закладки, поставить лайк и поделиться, чтобы другие наслаждались!

действия javascript без изменения

const obj = {a:1, b:2, c:3};

извлечь ключ из объекта:

let {c} = obj;
console.log(c); // 3

удалить ключи из объекта без изменения

let {b,…rest} = obj;
console.log(obj); // {a:1, b:2, c:3}
console.log(rest); // {a:1, c:3}

добавить ключ к объекту

const added_d_key = {…obj, d: 4};
console.log(obj); // {a:1, b:2, c:3}
console.log(added_d_key); // {a:1, b:2, c:3, d:4}

обновить ключ в объекте

const update_c_key = {…obj, c: 100};
console.log(obj); // {a:1, b:2, c:3}
console.log(update_c_key); // {a:1, b:2, c:100}

трюки с массивами

const arr = [1,2,3];

добавить элемент в массив

const arr_added = […arr, 4];
console.log(arr); // [1,2,3]
console.log(arr_added); // [1,2,3,]

удалить элемент из массива

const indexToRemove = 1;
const part_arr = [
 …arr.slice(0, indexToRemove),
 …arr.slice(indexToRemove + 1)
];
console.log(arr); // [1,2,3]
console.log(part_arr); // [1,3]

параметры функции нераспространены

function destructObj({a, b}) {
 console.log(a, b); // 1 2
}
destructObj(obj);

параметры функции «присоединиться»

function join_args(…joined_args) {
 console.log(joined_args); // [ 1, ‘a’, 2, ‘b’ ]
}
join_args(1,’a’,2,’b’);

разбить элементы массива на функциональную переменную

function break_array_to_func_vars(a, b) {
 console.log(a, b); // 1 2
}
break_array_to_func_vars(…[1,2]);