Почти каждый программист использовал javascript в своей повседневной жизни. Это был самый популярный язык программирования в 2019 году. Javascript используют 67,8% разработчиков.
Методы Javascript — это действия, которые можно использовать со всеми типами данных js. Для каждого типа данных доступны сотни методов. Во всех этих методах я расскажу о некоторых из наиболее часто используемых методов в Javascript.
Нить
Строковые методы помогут вам работать со строками.
1. toUpperCase()
Если вам нужно в верхнем регистре всю строку. Просто используйте этот метод, и все будет готово. Метод toUpperCase() возвращает строковое значение в верхнем регистре. Вот пример:
const str = "uppercase method"; // String const example = str.toUpperCase(); // result: UPPERCASE METHOD
2. в нижний регистр()
Это просто обратная сторона метода toUpperCase(). Метод toLowerCase() возвращает строковое значение в нижнем регистре.
const str = "LOWERCASE METHOD"; // String const example = str.toLowerCase(); // result: lowercase method
3. разделить()
Метод split() делит строку на подстроки. Этот метод преобразует строку в массив. Мы должны разделить строку с помощью разделителя. Этим разделителем может быть запятая, пробелы, вертикальная черта и т. д.
const str = 'quick brown fox jump over the lazy dog' // String
const splits = myString.split() // return 'quick', 'brown', 'fox', 'jump', 'over', 'the', 'lazy', 'dog'.
4. обрезать()
метод trim() удаляет все пробелы с начала и с конца. Это не вредит струне.
const str = ' Hello world! '; // String const example = str.trim(); // result: 'Hello world!';
5. включает()
Метод include() проверяет, можно ли найти одно слово или предложение в существующей строке. Этот метод возвращает результат как true или false. Если такая вещь может быть найдена в строке, метод возвращает true. В противном случае он возвращает ложь.
const str = 'quick brown fox jumps over the lazy dog'; //String
const exp1 = str.includes('brown'); //true
const exp2 = str.includes('red'); //false
const exp3 = str.includes('fox'); //true
const exp4 = str.includes('elephant') //false
6. индекс ()
Метод indexOf() возвращает индекс первого вхождения указанного текста в строку.
const str = 'quick brown fox jumps over the lazy dog'; //String
const example = str.indexOf('lazy'); // result: 31;
const example = str.indexOf('b'); // result: 5;
Числа
Числа могут быть с десятичными знаками или без них.
1. естьНан()
Метод isNan() определяет, является ли переданное значение числом или нет. Результат будет истинным, если вернет Nan, в противном случае вернет false.
const example = 'hello world'; const result1 = example.isNaN(); //true const example2 = 420; const result2 = example2.isNaN(); //false
2. конечный()
Метод isFinite() определяет, является ли переданное значение конечным или нет.
Number.isFinite(123) //true Number.isFinite(1/0) //false Number.isFinite(50/5) //true Number.isFinite(0/0) //false
3. анализировать с плавающей запятой ()
Метод parseFloat() анализирует переданную строку и возвращает число с плавающей запятой. Если первый индекс буквенный, он вернет NaN.
const exmp1 = parseFloat("420") // return 420 const exmp2 = parseFloat("42.15) // return 42.15 const exmp3 = parseFloat("20 year") // return 20 const exmp1 = parseFloat("year 20") // NaN
4. разобратьInt()
Метод parseInt() анализирует переданную строку и возвращает целое число указанного основания. Если первый индекс буквенный, он вернет NaN.
const exmp1 = parseInt("420") // return 420 const exmp2 = parseInt("42.15) // return 42 const exmp3 = parseInt("20.2 year") // return 20 const exmp1 = parseInt("year 20") // NaN
Математика
Math — это встроенный объект в Javascript. Математика не является функциональным объектом.
1. Мат.абс()
Методы Math.abs() возвращают абсолютное значение числа.
const exmp1 = Math.abs('-10'); // 10 const exmp2 = Math.abs(-42); // 42 const exmp3 = Math.abs(null); // 0 const exmp4 = Math.abs(''); // 0
2. Math.ceil()
Методы Math.ceil() округляют число до наибольшего целого числа.
const exmp1 = Math.ceil(.95) // 1 const exmp2 = Math.ceil(42.00054); // 42 const exmp3 = Math.ceil(-7.004) // -7
3. Мат.пол()
Методы Math.floor() возвращают ближайшее целое число вниз. Если переданное значение является целым числом, значение будет таким же.
const exmp1 = Math.floor(10.95) // 10 const exmp2 = Math.floor(42.0085); // 42 const exmp3 = Math.floor(-7.05) // -6
4. Мат.мин()
Метод Math.min() возвращает наименьшее значение, переданное ему. Если числа нет, он вернет NaN.
const exmp1 = Math.min(2, 3, 1); // 1 const exmp2 = Math.min(-2, -3, -1); // -3
5. Math.max()
Math.max() является противоположным методом Math.min(). Этот метод возвращает наибольшее значение, переданное ему.
const exmp1 = Math.max(2, 3, 1); // 3 const exmp2 = Math.max(-2, -3, -1); // -1
6. Math.sqrt()
Метод Math.sqrt() возвращает квадратный корень переданного числа.
const exmp1 = Math.sqrt(9); // 3 const exmp2 = Math.sqrt(-1); // NaN const exmp3 = Math.sqrt(16); // 4
Множество
Массивы используются для хранения нескольких данных в одной переменной. Массив — это глобальный объект.
1. конкат()
Метод concat() используется для добавления двух или более массивов в один. Этот метод возвращает новый массив.
const array1 = ['how', 'are', 'you']; const array2 = ['I', 'am', 'fine']; const exmp1 = array1.concat(array2); // expected output: Array ["how", "are", "you", "I", "am", "fine"]
2. каждый()
Метод Every() выполняется один раз для каждого элемента, присутствующего в массиве. Он возвращает логическое значение.
const isUnder18 = (currentValue) => currentValue < 18; const old= [1, 30, 39, 29, 10, 13]; const result = array1.every(isUnder18); //return false
3. фильтр()
Метод filter() создает новый массив, соответствующий требованиям переданных аргументов.
const words = ['red', 'blue', 'golden', 'yellow', 'pink']; const result = words.filter(word => word.length > 4); // return ["golden", "yellow"]
4. найти()
Метод find() возвращает значение первого элемента массива, переданного в качестве аргументов.
const array1 = [5, 4, 18, 42, 44]; const result = array1.find(element => element > 20); // return 42
5. для каждого()
Метод forEach() выполняет предоставленную функцию один раз для каждого элемента массива.
const array1 = ['x', 'y', 'z']; const result = array1.forEach(e => console.log(e)); // output: "x" // output: "y" // output: "z"
6. индекс ()
Этот метод возвращает первый индекс указанного элемента после поиска в массиве. Возвращает -1, если элемент не найден. Метод indexOf возвращает позицию первого вхождения.
const avaengers = ["ironMan", "Hulk", "SpiderMan", "cAmerica"]; const result1 = avengers.indexOf('aquaman'); // output: -1 const result2 = avengers.indexOf('Hulk'); // output: 1
7. присоединиться ()
Этот метод создает и возвращает новую строку путем объединения всех элементов массива. Элементы будут разделены указанным разделителем. Разделителем по умолчанию является запятая (,).
const messages = ['I', 'Love', 'You']; const result1 = messages.join(); // output: "I,Love,You" const result1 = messages.join(" "); // output: "I Love You" const result1 = messages.join("-"); // output: "I-Love-You"
8. карта ()
Метод map() создает новый массив с результатами вызова функции для каждого элемента массива.
const numbers = [4, 9, 16, 25]; const result = numbers.map(Math.sqrt); // returns [2, 3, 4, 5]
Это некоторые очень используемые методы в JavaScript. Этот пример основан на функциях es6. Начинающий программист должен знать все эти методы, чтобы стать разработчиком Javascript.