首页 > 其他分享 >ES5----方法

ES5----方法

时间:2024-07-12 18:55:28浏览次数:8  
标签:function index ES5 arr value ---- 数组 方法

参考:https://blog.csdn.net/kobe081959/article/details/79136083

代码中间夹杂箭头函数(es6)

1.forEach()方法

语法:arr.forEach(function(v,k,arr){},context);//v : value ; k : key;

 context:改变函数的this的指向,如果不改变,默认指向window 

1     const matchNoList= [3, 4] ;
2      matchNoList.forEach((column, index) => {
3         //,3
4         //.4
5      })

 2.map()方法 :映射 

语法:arr.map(function(v,k,arr){},context);//v : value ; k : key;

遍历数组,将信数组执行以后存储起来,并返回一个新数组

1   columns.forEach((column, index) => {
2             const values = data.map(item => Number(item[column.property]));//data:多行的数组;  column:列的集合(上面foreach)
3 })
4 例子:    const values1 = data.map(item => {
5                 console.log("item"+item[column.property])
6         });

3.、reduce()方法:归并

  语法:arr.reduce(function(previous, current, index, arr){} ,initialValue);

  遍历数组从左往右

  function:回调函数

  previous:上一次计算的结果,先前值

  current:当前值

  index:当前值的下标(不打印第一个arr[0]的下标,arr[0]充当了previous)

  arr:数组

  initialValue:初始化的了一个先前值

1       if (!values.every(value => isNaN(value))) {
2                     sums[index] = values.reduce((prev, curr) => {
3                         const value = Number(curr);
4                         if (!isNaN(value)) {
5                             return prev + curr;
6                         }
7                     }, 0);//0为初始值作为累加的值
8                 }
9     sums[index] = formateAmount(sums[index])

4.bind方法

      函数身上的方法,返回值是一个人this变量值发生变化的函数,返回一个新的函数

      this是函数内部默认的一个内置变量(严格模式下,this指向是undefined)

     1、  在全局环境中使用this的指向(值)是window

     2、在函数内部,this指向的 还是window

     3、在对象的方法内部,this指向的是方法的拥有者

5、filter()方法:过滤

 语法:arr.filter(function(v,k,arr){},context);//v : value ; k : key;

 返回一个布尔值,如果返回值是true就存储起来,如果是false,就过滤,最后返回一个过滤后的新数组

6、some()方法:起到或的作用(||)

 语法:arr.some(function(v,k,arr){},context);//v : value ; k : key;

 判定一个数组是否符合某个条件,如果有一项符合返回true,如果一项都不符合,返回false;

7、every()方法:起到与的作用(&&)

 语法:arr.every(function(v,k,arr){},context);//v : value ; k : key;

 判定一个数组是否符合某个条件,如果有一下该不符合就返回false,如果都符合返回true

1      if (!values.every(value => isNaN(value))) {
2                     sums[index] = values.reduce((prev, curr) => {
3                         const value = Number(curr);
4                         if (!isNaN(value)) {
5                             return prev + curr;
6                         }
7                     }, 0);//0为初始值作为累加的值
8                 }
9                 sums[index] = formateAmount(sums[index])

8.indexOf()方法:在数组中查找某个元素

 语法:indexOf(查找的元素,‘开始位置’)

 返回值:从左往右查找,如果找到返回这个元素的下标,如果找不到,返回-1,严格去查找,字符串和数字明确分辨,第二个参数也支持负数,从右向左查找

9.lastIndexOf()方法:在数组中查找某个元素

语法:lastIndexOf(查找的元素,‘开始位置’)

返回值:从右往左查找,如果找到返回这个元素的下标,如果找不到,返回-1,严格去查找,字符串和数字明确分辨,第二个参数也支持负数,从左往右查找

10.reduceRight()方法:归并

语法:arr.reduceRight(function(previous, current, index, arr){} ,initialValue);

遍历数组的方法从右往左,其余和reduce方法一样

11、Array.isArray()方法:判断某个变量是否为数组

12、字符串新增的方法:

       trim():忽略字符串左右两侧的空格,只去除左右两端的空格

13、ES中新增的JSON对象的方法

        JSON:一种轻量级的数字交换机制,就是一个对象

       JSON.stringify():将一个对象格式化成JSON字符串,不会格式化方法,只会把方法去掉

       JSON.parse():将一个JSON格式的字符串转换为对象,字符串中的键必须用双引号包起来,如果不包起来就会报错,不能加方法,因为方法也是在一个字符串中包含着

标签:function,index,ES5,arr,value,----,数组,方法
From: https://www.cnblogs.com/joe-tang/p/9168835.html

相关文章

  • 基于eBPF的procstat软件追踪程序Offcpu时间
    在现代计算机系统中,性能调优和问题诊断是大家经常会面临的问题,解决这些性能问题是确保程序高效运行的关键。有时不知为何程序的吞吐量和时延出现抖动,有一种可能就是程序发生了Offcpu。了解程序的Offcpu时间有助于识别潜在的性能瓶颈和系统资源调度问题。今天,我们将介绍一......
  • 8086/8088CPU的储存器结构(一)
    一、CPU的寄存器1、通用寄存器组执行部件EU中有8个16位通用寄存器。可分为两组,第一组为通用数据寄存器,由AX,BX,CX和DX构成;第二组为指针与变址寄存器,由SP,BP,SI和DI构成;主要用来存放操作数的偏移地址(1)通用数据寄存器用来存放16位的数据或地址,也可以分别将这四个寄存器AX,B......
  • 【VMware ESXi】使用PowerCLI脚本批量备份ESXi主机的配置文件。
    根据VMwareKB2042141知识库文章,SSH登录到ESXi主机,可以使用下面的命令用于备份和还原ESXi主机的配置文件。但是,这个方法需要手动登录到每个ESXi主机,并通过浏览器链接下载配置文件,显然不是很方便。备份vim-cmdhostsvc/firmware/sync_configvim-cmdhostsvc/firmwar......
  • Shiro550反序列化漏洞分析
    shiro搭建教程可以在网上自行搜索漏洞发现进入shiro界面后,burp抓包,选择rememberme并进行登录。观察burp抓到的包登录之后服务器返回一个CookieRememberme之后用户的访问都带着这个Cookie这个Cookie很长,可能会在里面存在一定的信息源码审计接下来去shiro源码中,看......
  • [PEP] PeppaPig头像!
    #include<math.h>#include<stdio.h>#include<iostream>#include<stdlib.h>#defineTdoubleTc(Tx,Ty,Tr){returnsqrt(x*x+y*y)-r;}Tu(Tx,Ty,Tt){returnx*cos(t)+y*sin(t);}Tv(Tx,Ty,Tt){returny*cos(t)-x*sin(t);}Tfa(T......
  • 8086,8088CPU的工作方式
    工作模式完全由硬件决定,可在两种模式下工作,即最大模式和最小模式。(1)最小模式:系统中只有8086或8088一个微处理器,所有总线控制信号都直接由微处理器产生,这种模式下,系统中的总线控制逻辑电路最少。(2)最大模式:用在中等规模或者大型的系统中,包含两个及以上的微处理器,CPU不直接产生......
  • TPS和QPS的区别
    1、TPS(TransactionsPerSecond):每秒事务数。一个事务是指客户端向服务器发送请求然后服务器做出反应的过程,具体的事务定义,可以是一个接口、多个接口、一个业务流程等,事务可以是一个完整的业务操作,如转账、下单等,通常涉及多个数据库操作。以单接口定义为事务举例,每个事务包括......
  • 搞懂清结算,只需要记住“123457”
    搞懂清结算其实总结起来就是1234567七个数字。怎么理解?我们来看看分享。前几天看了一篇万字长文,深度解析了支付机构的清结算账务处理原理。总结起来就是“1张图、2条线、3在途、4段数、5账户、7环节”,6去那了,大家可以找找,其中 1张图就是这样一张极简图,基本阐述了整个清结......
  • R语言广义加性混合模型(GAMM)分析长沙气象因子、空气污染、PM2.5浓度、显著性检验、逐
    全文链接:https://tecdat.cn/?p=32981原文出处:拓端数据部落公众号气候变化和空气污染对现代社会产生了越来越大的影响。在这种背景下,研究气象和空气污染之间的关系以及其对PM2.5浓度的影响变得非常重要。为了更好地理解和解释这些关系,广义加性混合模型(GAMM)成为一种强大的工具。......
  • 【专题】2024餐饮行业及营销趋势报告合集PDF分享(附原数据表)
    原文链接:https://tecdat.cn/?p=36256原文出处:拓端数据部落公众号2024年,餐饮行业的趋势展望聚焦于健康、国潮、单品爆款和情感体验四大方向。首先,健康成为了消费者在选择餐饮时的首要考量。人们越来越注重食材的新鲜度和健康性,对菜品的口味也有了更高的要求。这意味着餐饮品牌需......