首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js数组操作--使用迭代方法替代for循环

前言 数组迭代方法,这个想必大家都不陌生了,可能刚入门的人暂时还没接触到这个。但是以后的开发中,肯定会用得上的。...还有一个就是,我本身在数组的遍历上,基本都是用for循环进行操作,在开始使用了迭代方法之后,我for循环用的很少。如果以后我更加熟练迭代方法的话,for使用会更少,也希望这样能帮助大家学习迭代方法。...1.Map map():对数组中每一项运行给定函数。返回每次函数调用的结果组成的数组。 map就是我用的最多的一个了。首页设想以下一个场景,给出一个数组,需求就是给数组的每一项都*2。...2.Filter filter():对数组中的每一项运行给定函数。返回该函数会返回true的项组成的数组。...every()对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true ; some()对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true; 还是上面那个

3.2K41
您找到你想要的搜索结果了吗?
是的
没有找到

Js 循环,数组函数(方法)

1、Switch语句 语法结构 switch(变量) ​ { ​   case 情况1:     //符合情况1,执行下面代码 ​       Js代码; ​   break;        ...//如果执行代码,则结束循环 ​   case 情况2: ​     js 代码; ​   break; ​   default:     //不符合上面所有情况,执行下面代码 ​      ...Js中的数组是将任意数据类型,放在一起按照一定顺序排练的集合 (1)、数组的两种定义方式 Var ary=new Array() 创建对象的方式 Var ary1=[]; (2)、...var ary = [123, 56, 343]; var ary2 = ary.join("ad") //在数组中间加入字符 alert(ary2); 10、函数(方法)定义 通过 function...函数名() {} 定义函数 // 定义 function a() { alert("你好"); } // 调用 a();

6K20

JS笔记(三):数组函数、类

(一) 数组 1 //创建数组 2 var the_array = [1,2,3,4,'5'] 3 4 console.log(the_array[0]) //读取索引为0的数据 5 the_array...[5] = '赋值' //写数据 6 7 //在数组末尾添加一个元素,,允许添加多个数据,例如:the_array.push('1','2') 8 the_array.push('末尾添加一个数据...') 9 console.log(the_array) 10 //pop删除数组末尾的数据并返回,和PYTHON列表的POP类似(不同的是JS只能删除末尾的数据) 11 //另外还有shift()和unshift...(二) 函数调用和方法调用 1 //定义一个函数 2 function f(x,y) { 3 return x*y 4 } 5 //调用函数 6 var x = f(1,2) 7...1 //通过构造函数定义类 2 //这里遵循一个常见的编程约定,定义构造函数即是定义类,并且类名首字母大写 3 //而普通的函数和方法都是首字母小写 4 function People(pename

1.2K30

JS 函数中的 arguments 类数组对象

1. arguments 介绍 2. arguments 转为数组 3. 箭头函数中没有 arguments 1. arguments 介绍 众所周知,js 是一门非常灵活的语言。...当我们在 js 中调用一个函数时,经常会给函数传递一些参数,js 把调用函数时传入的全部实参存储到一个叫做 arguments 的类数组对象里面 arguments 是一个类数组对象,不是一个真正的数组...', 'css', 'js']) 通过打印结果可以发现,arguments 的原型是 Object,而数组的原型是 Array 那么关于 arguments 是什么 ?...箭头函数中没有 arguments arguments 只存在于普通函数中,而在箭头函数中是不存在的 下面代码抛出错误异常:Uncaught ReferenceError: arguments is not...defined const arrow = () => {    console.log(arguments);}arrow('html', 'css', 'js') 箭头函数中虽然没有 arguments

5.4K20

函数」递归与迭代

一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算,大大地减少了程序的代码量...其他解释 递归(recursion):递归常被用来描述以自相似方法重复事物的过程,在数学和计算机科学中,指的是在函数定义中使用函数自身的方法。...理论上递归和迭代时间复杂度方面是一样的,但实际应用中(函数调用和函数调用堆栈的开销)递归比迭代效率要低。 [递归与迭代结构图] 相同点: 递归和迭代都是循环的一种。...不同点: 1、程序结构不同 递归是重复调用函数自身实现循环。 迭代函数内某段代码实现循环。...总结 递归与迭代都是函数实现的一种方式,包含了不同的逻辑思想; 递归反复调用自身函数,编程思路比较清晰; 迭代从变量最初的值开始,不断用变量旧值递推出新值。

60830

函数」递归与迭代

迭代迭代是重复反馈过程的活动,其目的通常是为了逼近所需目标或结果。每一次对过程的重复称为一次“迭代”,而每一次迭代得到的结果会作为下一次迭代的初始值。...其他解释 递归(recursion):递归常被用来描述以自相似方法重复事物的过程,在数学和计算机科学中,指的是在函数定义中使用函数自身的方法。...理论上递归和迭代时间复杂度方面是一样的,但实际应用中(函数调用和函数调用堆栈的开销)递归比迭代效率要低。 相同点: 递归和迭代都是循环的一种。...不同点: 1、程序结构不同 递归是重复调用函数自身实现循环。 迭代函数内某段代码实现循环。...总结 递归与迭代都是函数实现的一种方式,包含了不同的逻辑思想; 递归反复调用自身函数,编程思路比较清晰; 迭代从变量最初的值开始,不断用变量旧值递推出新值。

24320

js数组浅拷贝_js数组深度复制

数组的浅拷贝, 可用concat、slice返回一个新数组的特性来实现拷贝 var arr = ['old', 1, true, null, undefined]; var new_arr = arr.concat...source.a.b = 10; console.log(source); // { a: { b: 10 } }; console.log(target); // { a: { b: 10 } }; 但是如果数组嵌套了对象或者数组的话用...,就会拷贝一份,互不影响,而如果是对象或者数组,就会只拷贝对象和数组的引用,这样我们无论在新旧数组进行了修改,两者都会发生变化。...数组的深拷贝 方法一:JSON.stringify()不仅可拷贝数组还能拷贝对象(但不能拷贝函数,也不能解决循环引用问题) var arr = ['old', 1, true, ['old1', 'old2...下面是深拷贝一个通用方法,实现思路:拷贝的时候判断属性值的类型,如果是对象,继续递归调用深拷贝函数 var deepCopy = function(target) { // 只拷贝对象 if (typeof

13.1K50

简单快速记忆js数组栈和队列函数

js中,对数组的操作是比较常见的,有时候,我们需要模拟栈和队列的特性才能实现需求,今天来给大家用通俗易懂、简洁明了的几行文字,来告诉大家栈和队列的几个函数,如何快速记住。...js中没有专门栈和队列类型,其实都是用数组模拟的 栈:一端封闭,只能从另一端进出的数组 FILO(first in last out) 先进的后出 栈进出分为两种: 结尾出入栈:...从结尾入队列: arr.push(值) 从开头出队列: var first=arr.shift() 何时使用队列: 希望按照先来后到的顺序使用数据时 函数速记...: pop()与shift()都是删除 pop()删除数组中的最后一个元素,并返回该元素 shift()删除数组中的第一个元素,并返回该元素 push()与unshift()都是插入 push()添加一个或多个新元素到数组的结尾...,返回数组长度 unshift()添加一个或多个新元素到数组的开头,返回数组长度 shift与unshift都是开头,pop和push都是结尾 即 :单词短的为删除, 单词长的为插入,

57520

​day020: JS数组的高阶函数——基础篇

020: JS数组的高阶函数——基础篇 1.什么是高阶函数 概念非常简单,如下: 一个函数就可以接收另一个函数作为参数或者返回值为一个函数, 这种函数就称之为高阶函数。 那对应到数组中有哪些方法呢?...2.数组中的高阶函数 1.map 参数:接受两个参数,一个是回调函数,一个是回调函数的this值(可选)。 其中,回调函数被默认传入三个值,依次为当前元素、当前索引、整个数组。...创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果 对原来的数组没有影响 let nums = [1, 2, 3]; let obj = {val: 5}; let newNums...2. reduce 参数: 接收两个参数,一个为回调函数,另一个为初始值。回调函数中三个默认参数,依次为积累值、当前值、整个数组。...filter方法返回值为一个新的数组,这个数组里面包含参数里面所有被保留的项。

36920

前端day10-JS学习笔记(数组函数、对象)

==01-数组== 1.声明一个数组:var 数组名 = [元素1,元素2,元素3…………] 数组名其实就是变量名,只是习惯上称之为数组名 元素其实就是数组中保存的数据,只是习惯上称之为元素 2.获取数组中某一个数据....length 2.修改数组的长度会改变数组的元素数量:数组名.length = 值 3.删除数组的最后一个元素:数组名.length-- 1.4-数组遍历 1.数组的遍历:获取数组中每一个元素的值,称之为遍历该数组...,没有元素 数组练习 翻转数组 斐波那契数列 循环嵌套 嵌套循环执行的总次数 = 外层循环执行次数 * 内层循环执行次数 利用循环嵌套打印图案 利用循环嵌套打印九九乘法表 杨辉三角 02-函数 2.1-...自调用函数 1.什么是自调用函数函数自己调用自己 最常见的:匿名函数自调用 2.自调用函数作用 开辟作用域,js中只有函数才可以开辟作用域 3.匿名函数自调用语法:( function(){} )...() 将整个函数使用小括号包裹,然后在后面再加上小括号调用 //补充:其实有名字的函数也可以自己调用自己,只是比较少见 03-对象(语法学习) 3.1-对象介绍 对象作用:一个变量存储多个数据 对象与数组异同点

1.7K00

迭代循环丨SUMX函数

本期呢,既是纠正这个错误,也是学习另一个函数——迭代循环函数之SUMX。 [1240] 这是白茶之前在做RANKX函数排名时的示例文件。可能有的小伙伴已经反应过来不对劲的地方了,就是总计!...这不就是迭代循环么? 果断请出SUMX函数! [strip] 这里和小伙伴们分享一下SUM与SUMX函数的区别。 SUM函数是一个单纯的聚合函数,它不知道啥玩意叫行,在他的眼里面只有列。...SUMX函数是一个挑剔的函数,眼里面只有“行”,完全不考虑家庭感受的这种。当你告诉它要干啥的时候,首先的是告诉它,你要在“哪个表”中,告诉它对哪一行进行迭代。适用于单价*数量这种。...从其他表返回“相关值”,白茶在上面提到过,两个表唯一有直接联系的就是产品的ID,需要迭代筛选销售数量匹配单价,那这里用RELATED最恰当不过了。...在'销售明细表'中,对购买数量进行迭代循环,之后返回'产品表'中匹配相关的单价,进行乘法运算。

1K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券