arr.prototype 数组的方法

1.forEach

作用:遍历这个数组

代码:

javascript 复制代码
  let arr = [10, 20, 30, 40, 50];
    arr.forEach((item) => {
      console.log(item);
    });

返回值:没有返回值

2.fiflter

作用:过滤数组

代码:

javascript 复制代码
   let arr = [10, 20, 30, 40, 50];
    let newArr = arr.filter((item) => {
      return item > 30;
    });
    console.log(newArr);

返回值:新的数组

3.map

作用:更换数组里面的内容

代码:

javascript 复制代码
   let arr = [10, 20, 30, 40, 50];
    let newArr = arr.map((item) => {
      return item+1;
    });
    console.log(newArr);

返回值:新的数组

4.findIndex

作用:查找数组中的索引

代码:

javascript 复制代码
 let arr = [10, 20, 30, 40, 50];
    let newArr = arr.findIndex((item) => {
      return item===10;
    });
    console.log(newArr);

返回值:返回该值在数组中的索引

5.find

作用:查找该值是否在数组中

代码:

javascript 复制代码
   let arr = [10, 20, 30, 40, 50];
    let newArr = arr.find((item) => {
      return item===20;
    });
    console.log(newArr);

返回值:如果有该值,则直接返回该值

6.some

javascript 复制代码
    let arr = [10, 20, 30, 40, 50];
    let newArr = arr.some((item) => {
      return item === 20;
    });
    console.log(newArr);

作用:查找该值是否在数组中

返回值:如果有返回true,没有返回false

7.push

往数组的后面添加一个元素

代码:

javascript 复制代码
    let arr = [10, 20, 30, 40, 50];
    arr.push(60);
    console.log(arr);

会对原始的数组进行改变

8.unshift

往数组的前面添加一个元素

代码:

javascript 复制代码
  let arr = [10, 20, 30, 40, 50];
    arr.unshift(60);
    console.log(arr);

9.shift

移除数组的第一项

代码:

javascript 复制代码
 let arr = [10, 20, 30, 40, 50];
    arr.pop();
    console.log(arr);

10.pop

移除数组的最后一项

代码:

javascript 复制代码
  let arr = [10, 20, 30, 40, 50];
    arr.pop();
    console.log(arr);

11.reduce

计算数组的和

javascript 复制代码
    let arr = [10, 20, 30, 40, 50];
    let a = arr.reduce((a, b) => {
      return a + b;
    },0);
    console.log(a);

b=10+20

b=30

b=30+30

b=60

b=60+40

b=100

b=100+50

b=150

没有初始项,以第一项开始相加,a代表第一项

a+b=b

10+20=b

10+20+30=b

最后返回b的值

12.join

将数组转化为字符串

代码:

javascript 复制代码
 let arr = [10, 20, 30, 40, 50];
    let newArr= arr.join('')
    console.log(newArr);

13.split

将字符串转化为数组

代码:

javascript 复制代码
  let arr = [10, 20, 30, 40, 50];
    let newArr = arr.join("");
    let newArr1 = newArr.split("");
    console.log(newArr1);

14.splice

这个方法可以用来删除和添加的同时进行

代码:

javascript 复制代码
 var fruits = ["Banana", "Orange", "Apple", "Mango"];
    let newArr = fruits.splice(2, 1, "Lemon", "Kiwi");
    console.log( fruits)

Banana,Orange,Lemon,Kiwi,Mango

如果删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。

注意:这种方法会改变原始数组。

代码:

javascript 复制代码
   let arr=[10,20,30,40,50]
    arr.splice(1,1,60,70)
    console.log(arr);
//  10 60 70  30 40 50 

总结:arr.splice('要删除元素的索引',删除几个,添加几个),如果删除一个元素,则返回该元素的数组,如果没有任何删除,则返回的是空数组。

相关推荐
@tangguo12342 分钟前
npm 和 yarn 配置说明
前端·javascript·npm·node.js·yarn
志尊宝1 小时前
Vue3 零基础每日笔记(052):路由常见坑一次排雷——404、刷新丢参数、部署白屏
前端·javascript·vue.js·笔记·html5
linux_cfan1 小时前
videojs v10 源代码系列解读:13 · 能力型媒体契约:`Media` 的组合接口
前端·javascript·音视频
福兮说2 小时前
Canvas 文字排版:measureText 量出来的宽度为什么总是不对
前端·javascript
用户80806181436932 小时前
JavaScript 面向对象入门到精通
前端·javascript
一条溺水的鱼2 小时前
一次讲透 JS 闭包 —— 概念、原理、应用和内存泄漏
javascript·面试
吠品2 小时前
STM32最小系统板引脚梳理与配置实操
前端·javascript·vue.js
Hilaku2 小时前
Sass 和 Less 在 2026 年彻底多余了吗?
前端·javascript·程序员
右耳朵猫AI2 小时前
Node.js周刊2026W38 | 进程中断缺陷修复、Copilot 迁至 Rust、Node 新增 VFS
javascript·后端·node.js
Shao2393 小时前
基于 Rokid AIUI:在眼镜上穿越五千年
javascript