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

相关推荐
老码沉思录1 分钟前
React Native 全栈开发实战班 - 数据管理与状态之Zustand应用
javascript·react native·react.js
老码沉思录6 分钟前
React Native 全栈开发实战班 :数据管理与状态之React Hooks 基础
javascript·react native·react.js
guokanglun20 分钟前
Vue.js动态组件使用
前端·javascript·vue.js
我认不到你1 小时前
antd proFromSelect 懒加载+模糊查询
前端·javascript·react.js·typescript
scc21401 小时前
spark的学习-06
javascript·学习·spark
我是苏苏1 小时前
C# Main函数中调用异步方法
前端·javascript·c#
转角羊儿2 小时前
uni-app文章列表制作⑧
前端·javascript·uni-app
Bio Coder2 小时前
学习用 Javascript、HTML、CSS 以及 Node.js 开发一个 uTools 插件,学习计划及其周期
javascript·学习·html·开发·utools
凹凸曼打不赢小怪兽3 小时前
react 受控组件和非受控组件
前端·javascript·react.js
忠实米线4 小时前
使用pdf-lib.js实现pdf添加自定义水印功能
前端·javascript·pdf