首页  >  文章  >  web前端  >  每个开发人员都应该了解的基本 JavaScript 数组方法

每个开发人员都应该了解的基本 JavaScript 数组方法

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-11-08 22:13:02534浏览

Essential JavaScript Array Methods Every Developer Should Know

方法 返回值 示例 返回类型 说明
地图() 新数组 [1, 2, 3].map(x => x * 2) 新数组 [2, 4, 6] 通过将函数应用于数组的每个元素来创建一个新数组。
过滤器() 新数组 [1, 2, 3, 4].filter(x => x > 2) 新数组 [3, 4] 根据条件过滤元素并返回一个新数组。
concat() 新数组 [1, 2].concat([3, 4]) 新数组 [1, 2, 3, 4] 添加多个数组并返回一个新数组。
切片() 新数组 [1, 2, 3, 4].slice(1, 3) 新数组 [2, 3] 从指定索引复制一些元素并返回一个新数组。
加入() 字符串 [1, 2, 3].join('-') 字符串“1-2-3” 返回对数组所有元素求和的字符串。
反向() 新数组 [1, 2, 3].reverse() 新数组 [3, 2, 1] 反转数组的元素并返回一个新数组。
包括() 布尔值 [1, 2, 3].includes(2) 正确 检查数组是否包含指定元素。
indexOf() 数字(索引) [1, 2, 3].indexOf(2) 1 返回指定元素的第一个索引。
查找() 第一个匹配的元素 [1, 2, 3].find(x => x > 1) 2 返回第一个匹配元素。
findIndex() 数字(索引) [1, 2, 3].findIndex(x => x > 1) 1 返回第一个匹配元素的索引。
平() 新数组 [1, [2, 3], [4, 5]].flat() 新数组 [1, 2, 3, 4, 5] 连接数组内的嵌套数组并返回一个新数组。
flatMap() 新数组 [1, 2].flatMap(x => [x, x * 2]) 新数组 [1, 2, 2, 4] 首先实现map(),然后展平。
排序() 新数组 [3, 1, 2].sort() 新数组 [1, 2, 3] 对数组的元素进行排序。
每个() 布尔值 [1, 2, 3].every(x => x > 0) 正确 如果所有元素满足条件,则返回 true,否则返回 false。
一些() 布尔值 [1, 2, 3].some(x => x > 2) 正确 如果一个或多个元素满足条件,则返回 true。
减少() 单个值(如数字) [1, 2, 3].reduce((acc, x) => acc x, 0) 6 返回组合数组所有元素的单个值。
reduceRight() 单个值(如数字) [1, 2, 3].reduceRight((acc, x) => acc x, 0) 6 类似于reduce(),但从右到左工作。

মেথড রিটার্ন ভ্যালু উদাহরণ রিটার্নের ধরন ব্যাখ্যা
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] অ্যারের এলিমেন্টগুলো উল্টে দেয়, তবে এটি মূল অ্যারে পরিবর্তন করে।

以上是每个开发人员都应该了解的基本 JavaScript 数组方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn