Советы и рекомендации Javascript. Лучшие практики 2022

Ряд советов для Javascript разработчиков 
1. Объявить и инициализировать массивы в javascript
2. Считать сумму, минимальное и максимальное значение в javascript
3. Сортировка массива строк, чисел или объектов в javascript
4. Удалять повторяющиеся значения массива в javascript
5. Создавать объекты счетчика или map в javascript
6. Использовать Тернарный оператор в javascript
7. Использовать Стрелочные функции в javascript
8. Перемешивать массивы в javascript
9. Использовать Операторы Rest & Spread в javascript
10. Использовать преобразование десятичного числа в двоичное или шестнадцатеричное в javascript

Полезные приемы для сокращения строк кода

1. Объявить и инициализировать массивы в javascript

Мы можем инициализировать массив определенного размера со значениями по умолчанию, такими как "", null или 0. Возможно, вы использовали их для одномерного массива, но как насчет инициализации двумерного массива/матрицы?
const array = Array(5).fill(''); 
// Output 
(5) ["", "", "", "", ""]

const matrix = Array(5).fill(0).map(()=>Array(5).fill(0)); 
// Output
(5) [Array(5), Array(5), Array(5), Array(5), Array(5)]
0: (5) [0, 0, 0, 0, 0]
1: (5) [0, 0, 0, 0, 0]
2: (5) [0, 0, 0, 0, 0]
3: (5) [0, 0, 0, 0, 0]
4: (5) [0, 0, 0, 0, 0]
length: 5

2. Узнаем сумму, минимальное и максимальное значение в javascript

const array  = [5,4,7,8,9,2]; 

сумма в массиве javascript

array.reduce((a,b) => a+b);

// Output: 35


MAX значение в массиве javascript

array.reduce((a,b) => a>b?a:b);

// Output: 9


MIN значение в массиве javascript

array.reduce((a,b) => a<b?a:b);

// Output: 2
  1. Сортировка массива строк, чисел или объектов в javascript
    Сортировка массива строк в javascript
const stringArr = ["Joe", "Kapil", "Steve", "Musk"]
stringArr.sort();
// Output
(4) ["Joe", "Kapil", "Musk", "Steve"]

stringArr.reverse();
// Output
(4) ["Steve", "Musk", "Kapil", "Joe"]

Sort Number Array in javascript

const array  = [40, 100, 1, 5, 25, 10];
array.sort((a,b) => a-b);
// Output
(6) [1, 5, 10, 25, 40, 100]

array.sort((a,b) => b-a);
// Output
(6) [100, 40, 25, 10, 5, 1]

4. Удалить повторяющиеся значения массива в javascript

const array  = [5,4,7,8,9,2,7,5];
array.filter((item,idx,arr) => arr.indexOf(item) === idx);
// or
const nonUnique = [...new Set(array)];
// Output: [5, 4, 7, 8, 9, 2]

5. Создайние объекта счетчика или map в javascript

let string = 'kapilalipak';
const table={}; 
for(let char of string) {
  table[char]=table[char]+1 || 1;
}
// Output
{k: 2, a: 3, p: 2, i: 2, l: 2}

6. Тернарный оператор в javascript

function Fever(temp) {
    return temp > 97 ? 'Visit Doctor!'
      : temp < 97 ? 'Go Out and Play!!'
      : temp === 97 ? 'Take Some Rest!';
}

// Output
Fever(97): "Take Some Rest!" 
Fever(100): "Visit Doctor!"

7. Стрелочные функции в javascript

const person = {
name: 'Krishna',
sayName() {
    return this.name;
    }
}
person.sayName();
// Output
"Krishna"

8. Перемешиваем массив в javascript

const list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
list.sort(() => {
    return Math.random() - 0.5;
});
// Output
(9) [2, 5, 1, 6, 9, 8, 4, 3, 7]
// Call it again
(9) [4, 1, 7, 5, 3, 8, 2, 9, 6]

9. Операторы Rest & Spread в javascript

function myFun(a,  b, ...manyMoreArgs) {
   return arguments.length;
}
myFun("one", "two", "three", "four", "five", "six");

// Output: 6

10. Преобразование десятичного числа в двоичное или шестнадцатеричное в javascript

const num = 10;
num.toStrin
 



g(2);
// Output: "1010"
num.toString(16);
// Output: "a"
num.toString(8);
// Output: "12"

Ответить