【如何在使用JavaScript的n次迭代中避免for-if-else地狱】教程文章相关的互联网学习教程文章

javascript – 在迭代它们时重命名对象的键是否安全?【代码】

我在迭代它时重命名对象的键:Object.keys(object).forEach(function(oldKey) {var newKey = someFunc(oldKey);if (newKey !== oldKey) {object[newKey] = object[oldKey];delete object[oldKey];} }我想知道这种方法是否安全. 换句话说,我可以确定我的代码永远不会迭代在前一次迭代中重命名的密钥吗? 非常感谢你!!!解决方法:不,你不安全.你正在基于一个不活的数组来实时改变对象.如果你碰巧用一个旧的名字换了一个新的名字(重...

javascript – 如何迭代不寻常的html元素【代码】

我正在使用CodeRay生成html代码,几乎所有文本元素都包含在span中,但有些文本元素没有.在该示例中,您可以看到primary_key_prefix_type根本不包含.<span class="no">1172</span><span class="r">case</span> primary_key_prefix_type <span class="no">1173</span><span class="r">when</span> <span class="sy">:table_name</span>但我需要通过使用jQuery中的next()和prev()函数来遍历所有元素.因此我缺少primary_key_prefix_type,因...

javascript – 迭代对象时获取方法代码【代码】

我知道在javascript中我可以迭代一个对象来获取它的所有属性.如果一个或多个属性是方法,是否可以查看方法中的代码而不仅仅是方法名称?例如.var a = someobject;for (property in a) {console.log(property); }是否有可能以类似于此的方式获取方法代码?先感谢您.解决方法:根据standard,你需要使用toString.即://EX: var a = {method:function(x) { return x; }};//gets the properties for (x in a) {console.log(a[x].toString(...

javascript – Regex.prototype.exec在搜索的第二次迭代时返回null【代码】

参见英文答案 > Why does a RegExp with global flag give wrong results? 6个用例 我想搜索几个匹配的字符串.每个匹配最终链接到对象数组中的对象属性.找到匹配项后,该匹配项将替换为对象中的另一个属性.问题是代码将始终在第二次匹配时返回null. 测试用例 这是我正在使用的测试用例.为了简化问题,我只需用数字5替换所有匹配项,但请注意最终代码将使用变量值替换匹配项. 测试代码 下面是我用来...

如何循环来自生成器的JavaScript迭代器?【代码】

我们假设我们有以下生成器:var gen = function* () {for (var i = 0; i < 10; i++ ) {yield i;} };循环遍历迭代器的最有效方法是什么?目前,如果done属性设置为true,我会手动检查:var item, iterator = gen();while (item = iterator.next(), !item.done) {console.log( item.value ); }解决方法:迭代任何iterable(一个支持@@ iterator的对象)的最佳方法是使用for..of,就像这样'use strict';function * gen() {for (var i = 0; i...

javascript – 通过数组迭代设置对象键 – 值对【代码】

我试图通过使用for循环创建以下数组.但是,我的结果是一个长度为24的数组,其中的所有对象变为{key:’23’,text:’12:30′,value:’12:30′},而不是逐个迭代.任何人都可以向我解释为什么每次迭代都会覆盖前一次迭代?const timeOptions = [{ key: '0', text: '1:00', value: '1:00' },{ key: '1', text: '1:30', value: '1:30' },{ key: '2', text: '2:00', value: '2:00' },{ key: '3', text: '2:30', value: '2:30' },{ key: ...

如何通过页面/视图上的javascript迭代ViewData中的对象?【代码】

首先,我是MVC和jQuery的新手.如果我的问题或术语不正确,我会道歉. 我目前在我的MVC应用程序中有一个显示地址列表的视图.在同一页面上,我还有一张地图,我想要映射这些位置. 我试图找到将视频对象列表添加到视图中的javascript的“正确”方法,以便可以迭代并映射. 我已经看到一些解决方案需要从javascript代码调用控制器的getJSON.我希望避免使用此解决方案,因为它需要再次访问数据库和Web服务器.我需要在地图上呈现地址所需的所有信...

javascript – 迭代String.prototype【代码】

我知道for循环可以帮助迭代对象,原型和集合的属性. 事实是,我需要迭代String.prototype,虽然console.log(String.prototype)显示完整的原型,当我这样做for (var prop in String.prototype) {console.log(prop); }要显示原型中元素的名称,它什么都不显示,好像它是空的. JavaScript引擎是否隐藏了基本的原型方法,或者我做错了什么?解决方法:规范说:If the value of an attribute is not explicitly specified by this specification...

javascript – 如何在JS / JQUery中执行下一次循环迭代之前使代码等待x秒?【代码】

我已经查看了这些链接喜欢:Javascript – Wait 5 seconds before executing next line 和许多其他堆栈溢出.我也尝试过使用JS setTimeOut函数. 我试图模拟JS中的数据绑定,每3秒后来自Web服务.每次从WebService收到后,此数据都会附加在div中. 但是为了使用JS测试和附加这些数据,我需要一些类似于Sleep()的函数.setTimeOut异步工作,因此循环的下一次迭代开始执行并且不等待.我们如何在JS / JQuery中实现这一点. 请检查以下代码段:li...

javascript中的IndexOf方法比迭代数组更有效吗?【代码】

我有一个JSON对象数组,我想找到具有某个属性的对象.我知道这可能看起来像一个重复的问题,但请继续,因为我认为它与以前的问题略有不同. 我与之合作的人建议使用IndexOf,这让我思考.有什么类似于mongo中的$elemMatch功能吗?是否有一些命令基本上用伪代码表示“从这个数组中获取具有此属性的对象”?通过迭代,我觉得psuedo-code说“看看这个数组中的第一个对象.如果这个对象有这个属性,给我这个对象.如果没有,看看这个数组中的第二个...

javascript – ECMAScript 2015,可迭代的解构表达式【代码】

我现在正在试验可迭代的解构表达式,我想知道为什么特定的方法不起作用.也许你可以帮助我. 例如,有效:var x, y, myIterable = []; myIterable[Symbol.iterator] = function* () {var count = 0;while(count < 2){yield count++;} }; var myArray = Array.from(myIterable); console.log(([x,y] = myArray) === myArray); //OUTPUT: true但如果我这样尝试它会返回false,你能解释一下原因吗?var x, y, myIterable = []; myIterable[...

javascript – 如何使用VueJS迭代数组的值?【代码】

我正在使用Laravel 5.3进行开发.我也在使用分形.我也将axios作为Http Client来执行Ajax请求. 如果我发送一个获取请求显示所有椅子api.我将通过以下显示返回: 我正在使用VueJS 2将值解析为html视图. ChairsController.phppublic function index() {$chairs = Chair::paginate(25);// Return a collection of $chair with paginationreturn $this->response->withPaginator($chairs, new ChairTransformer()); }APP-vue.jsnew Vue({...

javascript – 迭代该对象函数内对象的所有成员【代码】

如果我能做到这一点,那将非常方便:var MyObject = function(param1, param2, ... paramN) {this.var1 = stuff;this.var2 = moreStuff;...this.varN = nStuff;this.validate = function(){for(var current in this){alert(current);//validate all member variables (even this function I suppose)}}; };然而,这似乎并不像我想要的那样.我意识到循环最终必须循环它的父函数(这也不奇怪,也不会发生). 这是不可能的,因为第二个函数中...

请参阅click()函数中的旧迭代器值以获取javascript / jQuery(闭包问题)【代码】

我正试图让“click()”函数在我传入函数时显示“i”的值.但它在完成之后又回到了’i’的价值.我在第一次传递函数时,如何让函数引用’i’的值,这是空白的.for( var i=0; i<10; i++){var ts = $('#<span></span>').clone().click(function(){alert(i);}); }注意: ‘#’不应该存在,’.clone()’也不应该存在解决方法:这样的东西会起作用:for(var i=0; i<10; i++){(function(j) {var ts = $('<span></span>').click(function(){alert...

Javascript -- 数组迭代方法学习

一、数组迭代方法 1、forEach 调用 arr.forEach((value, index) => {console.log(value, index) }) forEach是循环遍历一遍数组的每一项,这个是没有返回值的,这个方法里面有个回调函数,回调函数有两个参数,第一个是数组每一项的值value,第二个参数是数组每一项对应的下标索引index Tips这个forEahc循环遍历和JQuery的$.each()方法是类似的,只不过需要注意的是$.each方法里面的回调函数的两个参数跟forEach方法是相反的,第一个...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部