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('要删除元素的索引',删除几个,添加几个),如果删除一个元素,则返回该元素的数组,如果没有任何删除,则返回的是空数组。

相关推荐
GISer_Jing7 分钟前
Nano Banana:AI图像生成与编辑新标杆
前端·javascript·人工智能
csdn_aspnet13 分钟前
用100行實現HTML5可存檔塗鴉版
javascript
布茹 ei ai18 分钟前
城市天气查询系统 (City Weather Dashboard)
javascript·vue.js·html·css3·开源软件·天气预报
梵尔纳多1 小时前
Electron 主进程和渲染进程通信
javascript·arcgis·electron
巴拉巴拉~~2 小时前
Flutter 通用滑块组件 CommonSliderWidget:单值 / 范围 + 刻度 + 标签 + 样式自定义
开发语言·前端·javascript
有意义2 小时前
从 useState 到 useEffect:React Hooks 核心机制详解
javascript·react.js·前端工程化
栀秋6662 小时前
面试常考的最长递增子序列(LIS),到底该怎么想、怎么写?
前端·javascript·算法
Zyx20073 小时前
手写 `instanceof`:深入理解 JavaScript 原型链与继承机制
javascript
江城开朗的豌豆3 小时前
TypeScript和JavaScript到底有什么区别?
前端·javascript
前端不太难4 小时前
如何给 RN 项目设计「不会失控」的导航分层模型
前端·javascript·架构