Home > Article > Web Front-end > 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!