В мире веб-разработки JavaScript – это универсальный и мощный язык программирования, позволяющий разработчикам создавать динамичные и интерактивные веб-сайты. Разработчику JavaScript крайне важно знать широкий спектр методов, которые могут сделать ваш код более эффективным и действенным. В этой статье мы рассмотрим 10 основных методов JavaScript, которые должен знать каждый разработчик. Итак, берите редактор кода и приступайте!

1. Array.prototype.map():
   Метод map()используется для создания нового массива путем применения предоставленной функции к каждому элементу существующего массива. Это особенно удобно, когда вы хотите преобразовать массив в другой формат или выполнить вычисления для каждого элемента индивидуально. Вот пример:

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]

2. Array.prototype.filter():
   Метод filter()позволяет создать новый массив с элементами, отвечающими определенному условию. Он идеально подходит для фильтрации нежелательных данных из массива. Вот пример:

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Output: [2, 4]

3. Array.prototype.reduce():
   Метод reduce()сводит массив к одному значению, выполняя предоставленную функцию для каждого элемента. Это полезно для таких задач, как суммирование чисел или поиск максимального значения в массиве. Вот пример:

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Output: 15

4. String.prototype.split():
   Метод split()разбивает строку на массив подстрок на основе указанного разделителя. Он обычно используется для анализа и манипулирования текстовыми данными. Вот пример:

const sentence = "Hello, world! How are you?";
const words = sentence.split(" ");
console.log(words); // Output: ["Hello,", "world!", "How", "are", "you?"]

5. String.prototype.trim():
   Метод trim()удаляет пробелы с обоих концов строки. Это удобно, когда вам нужно очистить или проверить вводимые пользователем данные. Вот пример:

const userInput = "  Hello, world!  ";
const trimmedInput = userInput.trim();
console.log(trimmedInput); // Output: "Hello, world!"

6. Object.keys():
   Метод Object.keys()возвращает массив имен перечислимых свойств данного объекта. Это полезно, когда вам нужно перебирать свойства объекта или выполнять операции на основе его ключей. Вот пример:

const person = {
  name: "John Doe",
  age: 30,
  occupation: "Web Developer"
};
const keys = Object.keys(person);
console.log(keys); // Output: ["name", "age", "occupation"]

7. Object.values():
   Метод Object.values()возвращает массив значений перечислимых свойств данного объекта. Он похож на Object.keys(), но получает значения вместо ключей. Вот пример:

const person = {
  name: "John Doe",
  age: 30,
  occupation: "Web Developer"
};
const values = Object.values(person);
console.log(values); // Output: ["John Doe", 30, "Web Developer"]

8. Array.prototype.includes():
   Метод includes()проверяет, содержит ли массив определенный элемент, и возвращает trueили falseсоответственно. Это удобный способ выполнить простые проверки существования. Вот пример:

const fruits = ["apple", "banana", "orange"];
const hasBanana = fruits.includes("banana");
console.log(hasBanana); // Output: true

9. Array.prototype.join():
   Метод join()объединяет все элементы массива в строку, используя указанный разделитель. Это полезно, если вы хотите объединить элементы массива с помощью специального разделителя. Вот пример:

const words = ["Hello", "world", "how", "are", "you?"];
const sentence = words.join(" ");
console.log(sentence); // Output: "Hello world how are you?"

10. Date.prototype.toISOString():
    Метод toISOString()возвращает строковое представление даты в формате ISO 8601. Он обычно используется для форматирования и управления датами. Вот пример:

const now = new Date("typeerror: cannot read property 'tofixed' of undefined") is an error message typically encountered when trying to use the `toFixed()` method on an undefined value. The error occurs because the `toFixed()` method is used to format numbers, but in this case, it's being called on something that is not a number (undefined).
To fix this error, you need to ensure that the value you're applying the `toFixed()` method to is a valid number. Here's an example:
```javascript
const number = 10.12345;
const formattedNumber = number.toFixed(2);

console.log(formattedNumber); // Output: "10.12"

В приведенном выше примере метод toFixed()вызывается для допустимого числа (10.12345) и форматирует число с двумя десятичными знаками, в результате чего получается "10.12".

Не забудьте проверить переменную или выражение, к которому вы применяете метод toFixed(), и убедиться, что оно содержит допустимое число. Если значение не является числом, возможно, вам придется отладить код и выяснить, почему оно не определено.