Станьте мастером методов JavaScript Array и String
В этой статье я расскажу о некоторых важных методах JavaScript Array и String, которые нам необходимо знать, чтобы быть разработчиком JavaScript.
Итак, без лишних слов, начнем.
Важные методы массива
1. нажать()
Метод push()
просто добавляет элемент в конец массива и меняет исходный массив. Если вы хотите добавить любой элемент в конец массива, вы можете использовать push().
const myArray = [1,2,3]; myArray.push(4); console.log(myArray); //output: [1,2,3,4]
2. поп()
Метод pop()
удаляет последний элемент из заданного массива. Помните, что использование метода pop также изменит длину данного массива.
const myArray1 = [1,2,3,4]; myArray1.pop(4); console.log(myArray1); //output: [1,2,3]
3. отменить ()
Метод unshift()
добавляет элемент в начало массива. Это похоже на метод push(), но основное отличие состоит в том, что метод push() добавляет элемент в конец массива, а метод unshift() Метод добавляет элемент в начало массива.
const arr = [1,2,3]; arr.unshift(0); console.log(arr); //output: [0,1,2,3]
4. сдвиг()
Метод shift()
удаляет первый элемент из массива. Это похоже на pop(), но основное отличие состоит в том, что метод pop() удаляет элемент с конца массива, а метод shift() удаляет первый элемент из массива.
const arr = [0,1,2,3]; arr.shift(); console.log(arr); //output: [1,2,3]
5. найти()
Метод find()
возвращает первый найденный элемент в массиве, проверенный с помощью предоставленной функции. Если элемент не найден, он возвращает undefined. Повторю одно, что метод find() будет возвращать только первый найденный элемент в массиве по условию, вы можете найти это наглядно в третьем примере. В этом примере мы видим, что выход равен 6, потому что find() начинает искать e›2 с первого элемента и находит 6, а find() возвращает его, так как 6 больше 2.
const arr1 = [1,2,3,4]; const element = arr1.find(e=>e>2) console.log(element); //output: 3 const arr1 = [1,2,3,4]; const element = arr1.find(e=>e>4) console.log(element); //output: undefined const arr3 = [6,2,7,4,5,]; const element4 = arr3.find(e=>e>2) console.log(element4); //output: 6
6. фильтр()
Метод filter()
создает новый массив со всеми элементами, прошедшими проверку, реализованную предоставленной функцией. Таким образом, метод filter() находит все элементы на основе условия и создает новый массив на основе результата.
const newArray = [6,2,7,4,5,]; const filteredElements = newArray.filter(e=>e>2) console.log(filteredElements); //output: [6,7,4,5]
Важные строковые методы
1.Длина
Свойство length возвращает количество символов в строке, включая пробелы.
const string = "Hello Medium"; console.log(string.length); //Returns 12
2. Разрезать
Метод slice() извлекает часть строки и возвращает извлеченную часть в новой строке. Он принимает два параметра. Первый — с чего начать, а второй — с чего прекратить нарезку.
const string = "Hello Medium"; console.log(string.slice(5,12)); //Medium
3. Конкат
Метод concat() используется для соединения двух или более строк.
const stringg = "Hello"; console.log(stringg.concat("Medium")); //HelloMedium
4. Сплит
Метод split() преобразует строку в массив. Вы должны передать такой символ, как запятая (,) или пробел, чтобы указать, где разделить строку. Если ничего не передается, строка разбивается между каждым символом.
const msg = 'Eight,Methods,Are,Done'; msg.split(','); // returns the array ["Eight", "Methods", "Are", "Done"]
Вывод
Итак, это были некоторые важные методы JavaScript Array и String, но вы можете найти более полезные методы, выполнив поиск или проверив веб-документы MDN. Это помогло мне в моем учебном путешествии. И я верю, что это будет важно и для вас.
JavaScript может быть пугающим, особенно если вы новичок. Но несколько простых руководств могут помочь нам уменьшить тревогу, которую мы испытываем в процессе обучения.