Home  >  Article  >  Web Front-end  >  Essential JavaScript Array Methods Every Developer Should Know

Essential JavaScript Array Methods Every Developer Should Know

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-08 22:13:02534browse

Essential JavaScript Array Methods Every Developer Should Know

Method return value example return type Explanation
map() New array [1, 2, 3].map(x => x * 2) New array [2, 4, 6] Creates a new array by applying the function to each element of the array.
filter() New array [1, 2, 3, 4].filter(x => x > 2) New array [3, 4] Filters the elements according to a condition and returns a new array.
concat() New array [1, 2].concat([3, 4]) New array [1, 2, 3, 4] Adds multiple arrays and returns a new array.
slice() New array [1, 2, 3, 4].slice(1, 3) New array [2, 3] Copies some elements from the specified index and returns a new array.
join() String [1, 2, 3].join('-') String '1-2-3' Returns a string summing all the elements of the array.
reverse() New array [1, 2, 3].reverse() New array [3, 2, 1] Reverses the elements of the array and returns a new array.
includes() Boolean [1, 2, 3].includes(2) true checks whether the array contains a specified element.
indexOf() Number (Index) [1, 2, 3].indexOf(2) 1 Returns the first index of the specified element.
find() First matched element [1, 2, 3].find(x => x > 1) 2 Returns the first matching element.
findIndex() Number (Index) [1, 2, 3].findIndex(x => x > 1) 1 Returns the index of the first matching element.
flat() New array [1, [2, 3], [4, 5]].flat() New array [1, 2, 3, 4, 5] Concatenates nested arrays inside arrays and returns a new array.
flatMap() New array [1, 2].flatMap(x => [x, x * 2]) New array [1, 2, 2, 4] first implements map() then flattens.
sort() New array [3, 1, 2].sort() New array [1, 2, 3] Sorts the elements of the array.
every() Boolean [1, 2, 3].every(x => x > 0) true Returns true if all elements satisfy the condition, false otherwise.
some() Boolean [1, 2, 3].some(x => x > 2) true Returns true if one or more elements satisfy the condition.
reduce() Single value (like number) [1, 2, 3].reduce((acc, x) => acc x, 0) 6 Returns a single value combining all elements of the array.
reduceRight() Single value (like number) [1, 2, 3].reduceRight((acc, x) => acc x, 0) 6 Like reduce() but works from right to left.

মেথড রিটার্ন ভ্যালু উদাহরণ রিটার্নের ধরন ব্যাখ্যা
push() New length (number) [1, 2].push(3) New length 3 একটি এলিমেন্ট অ্যারে শেষে যোগ করে এবং অ্যারের নতুন লেন্থ রিটার্ন করে।
pop() Removed element [1, 2, 3].pop() Removed element 3 অ্যারের শেষ থেকে একটি এলিমেন্ট মুছে ফেলে।
shift() Removed element [1, 2, 3].shift() Removed element 1 অ্যারের প্রথম এলিমেন্ট মুছে ফেলে।
unshift() New length (number) [1, 2].unshift(0) New length 3 একটি এলিমেন্ট অ্যারের প্রথমে যোগ করে এবং অ্যারের নতুন লেন্থ রিটার্ন করে।
splice() Changed part (array) [1, 2, 3].splice(1, 1, 4) Changed array [2] একটি নির্দিষ্ট ইনডেক্স থেকে এলিমেন্ট মুছে ফেলে এবং ঐ জায়গায় নতুন এলিমেন্ট যোগ করে।
sort() Changed array [3, 1, 2].sort() Changed array [1, 2, 3] অ্যারের এলিমেন্টগুলো সাজিয়ে দেয়।
fill() Changed array [1, 2, 3].fill(0) Changed array [0, 0, 0] অ্যারের সমস্ত এলিমেন্টকে একটি নির্দিষ্ট মান দিয়ে পূর্ণ করে।
copyWithin() Changed array [1, 2, 3, 4].copyWithin(0, 2) Changed array [3, 4, 3, 4] অ্যারের একটি অংশকে অন্যত্র কপি করে।
reverse() Changed array [1, 2, 3].reverse() Changed array [3, 2, 1] অ্যারের এলিমেন্টগুলো উল্টে দেয়, তবে এটি মূল অ্যারে পরিবর্তন করে।

The above is the detailed content of Essential JavaScript Array Methods Every Developer Should Know. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn