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

相关推荐
威风的虫29 分钟前
JavaScript中的axios
开发语言·javascript·ecmascript
bot55566642 分钟前
“企业微信iPad协议”静默 72 小时:一台被遗忘的测试机如何成为私域的逃生梯
javascript·面试
西洼工作室1 小时前
浏览器事件循环与内存管理可视化
前端·javascript·css·css3
曦曜2921 小时前
富文本编辑器
javascript
多啦C梦a1 小时前
React 实战:从 setInterval 到 useInterval,一次搞懂定时器 Hook(还能暂停!)
前端·javascript·react.js
zhangzelin8881 小时前
TypeScript入门指南:JavaScript的类型化超集
前端·javascript·其他·typescript
软件技术NINI2 小时前
html css js网页制作成品——化妆品html+css+js (7页)附源码
javascript·css·html
小小前端_我自坚强2 小时前
Vue 3 使用心得
前端·javascript·vue.js
华仔啊2 小时前
前端真的需要懂算法吗?该怎么样学习?
前端·javascript
笔尖的记忆2 小时前
【前端架构和框架】react准备知识
前端·javascript