【javascript – 用JS解析JSON foreach,显示HTML列表】教程文章相关的互联网学习教程文章

JavaScript forEach()导航到父元素【代码】

我处理以下结构(在实际情况下更多嵌套):var object = {label:'a', children:[{label:'b', children:[]},{label:'c', children:[]}] }如果我使用forEach函数导航到父级,是否有办法.请参阅以下代码段以获得更好的解释:object.children.forEach(myFunc);function myFunc(element,index){if(index==0){element.labelEdge = /* here I want the label from the object in which the array is located, in this case I want the label ...

javascript-Array.prototype.forEach本机实现问题【代码】

这个问题已经在这里有了答案: > No semicolon before [] is causing error in JavaScript 4个我正在尝试实现本机的forEach方法.这是我的代码:Array.prototype.myEach = function(cb) {for(let i=0; i<this.length; i++) {cb(this[i], i)} }如果我声明让a = [](某物),然后运行[] .myEach,那么它将起作用.let a = [1,2,3,4,5]; // or even [][1,2,3,4,5].myEach(functio...

javascript-如何在Promise和forEach中使用Firebase Cloud Functions?【代码】

我正在尝试在这里做两件事.1)向所有员工发送通知. 2)将特定参考复制到 员工编号参考如果不存在特殊参考,我将复制常规参考.该程序运行无错误.保持完美.但是有时我在Notifications代码部分收到Timed out错误.Error: fcm.googleapis.com network timeout. Please try again.将一个引用复制到另一个引用的代码始终有效,并且从未在该位置收到错误.我觉得错误是由于无法正确使用forEach处理promises所致.您能否通过正确放置Promises来使...

在JavaScript中使forEach异步【代码】

我试图理解异步编程Node.js,但是在此代码上停滞了. 此函数在其回调中返回目录中的文件数组:function openDir(path, callback) {path = __dirname + path;fs.exists(path, function (exists) {if (exists) {fs.readdir(path, function (err, files) {if (err) {throw err;}var result = [];files.forEach(function (filename, index) {result[index] = filename;});return callback(result);});}}); }但是,当我在.forEach中使用异步...

javascript – 如何让.querySelectorAll()或.forEach()在Firefox中运行?【代码】

我想用类样本删除所有元素. 这在Chrome和Safari中运行良好:document.querySelectorAll('.sample').forEach(function(e) {e.parentNode.removeChild(e); });这是我在Firefox中遇到的错误:TypeError: document.querySelectorAll(…).forEach is not a function解决方法:document.querySelectorAll返回一个NodeList,它像数组一样索引,但不是一个Array,所以你不能调用它上面的数组方法. 您可以在ES6中使用Array.from(nodeList)或在ES...

javascript – Reactjs地图有效但forEach却没有【代码】

我正在努力理解forEach和map之间的区别.在下面的渲染函数中,如果’forEach’替换为’map’,它就可以工作.我不明白为什么它不适用于’forEach’.两个方法都存在{item.id}和{item.text}.那么,为什么在使用’forEach’时没有设置’TodoItem’的道具?render() { return(<ul>{this.props.items.forEach(function(item) {return (<TodoItem id={item.id} text={item.text} />)})} </ul>); }因此,如果’forEach’没有返回任何内容,那么...

javascript – 为什么Array.prototype.forEach不能被链接?【代码】

我今天了解到forEach()返回undefined.多么浪费! 如果它返回原始数组,那么在不破坏任何现有代码的情况下它将更加灵活.是否有任何原因导致每个返回未定义. 反正是否有其他方法链接forEach,如map&过滤? 例如:var obj = someThing.keys() .filter(someFilter) .forEach(passToAnotherObject) .map(transformKeys) .reduce(reduction)无法工作,因为forEach不想玩得很好,要求你再次在forEach之前运行所有方法,以使对象处于forEach所需...

Javascript forEach()通过数组:如何获取上一个和下一个项目?【代码】

假设我们有一系列对象,例如:var fruits = [ {name:"banana", weight:150},{name:"apple", weight:130},{name:"orange", weight:160},{name:"kiwi", weight:80} ]我想迭代水果,并告诉每一次当前,前一个和下一个水果的名称.我会做的事情如下:fruits.forEach(function(item,index) { console.log("Current: " + item.name); console.log("Previous: " + item[index-1].name); console.log("Next: " + item[index-1].name); });但显...

javascript – 如何在forEach循环中使用’this’进行函数调用[复制]【代码】

参见英文答案 > JavaScript – Owner of “this” 5个在以下对象中,我使用’this’引用时遇到问题:function SampleObject(){this.addObject = function(object){...}...// more code here...this.addNewObjects= function(arr){arr.forEach( function (obj) {this.addObject(new Obj(obj.prop1, obj.prop2));});} }我假设上下文正在改变,’this’指的是迭代的’obj’,而不是’SampleObject’....

javascript – 循环 – forEach,for … for … for,for … in【代码】

我无法理解所有这些循环之间的区别,任何人都可以共享链接或某些文章,这将有助于我在效率,速度,可用性等方面更详细地理解这些循环. 在下面的代码中,我怎样才能最好地理解这些差异?const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];for (let i = 0; i < digits.length; i++) {console.log(digits[i]); }const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];for (const index in digits) {console.log(digits[index]); }const digits = [0...

javascript – 使用角度foreach循环重新排列JSON【代码】

我有一个ng-repeat,它返回如下所示的对象数组:[{"day":"10","title":"day","summary":"summary","description":"ok","_id":"53f25185bffedb83d8348b22"}] [{"day":"3","title":"day","summary":"summary","description":"ok","_id":"53f25185bffedb83d8348b22"}]我想拉出对象并将它们推入另一个数组,因此它们的格式如下:[ {"day":"10","title":"day","summary":"summary","description":"ok","_id":"53f25185bffedb83d8348b22"},...

为什么我不能在Javascript元素集合上使用Array.forEach?【代码】

参见英文答案 > JavaScript: Loop through all the elements returned from getElementsByTagName 9个我正在使用Babel / ES6构建应用程序.我想禁用它的仅查看版本的所有表单元素,所以我这样做:let form = document.getElementById('application-form') let elements = form.elements我希望能够做到这一点,而不是使用常规的旧for循环(这确实有效):elements.forEach((el) => {el.disabled = tr...

如何在javascript中脱离foreach循环【代码】

参见英文答案 > Short circuit Array.forEach like calling break 28个我是Javascrript的新手.我有一个变量有以下细节:var result = false; [{"a": "1","b": null},{"a": "2","b": 5}].forEach(function(call){console.log(call);var a = call['a'];var b = call['b'];if(a == null || b == null){result = falsebreak;} });如果键的值为NULL,我想打破循环.我该怎么做?解决方法:不要使用.for...

javascript – 使用forEach循环执行每次迭代后添加延迟【代码】

有没有一种简单的方法可以减慢forEach中的迭代速度(使用普通的javascript)?例如:var items = document.querySelector('.item');items.forEach(function(el) {// do stuff with el and pause before the next el; });解决方法:使用Array#forEach完全可以实现您想要实现的目标 – 尽管您可能会以不同的方式考虑它.你做不到这样的事情:var array = ['some', 'array', 'containing', 'words']; array.forEach(function (el) {consol...

javascript – forEach / for …没有返回值?【代码】

参见英文答案 > Function with forEach returns undefined even with return statement 5个所以我有点困惑,我正在解决freeCodeCamp的挑战. challenge内容如下Everything Be True Check if the predicate (second argument) is truthy on all elements of a collection (first argument).它已经解决但我不明白为什么我不得不采取额外措施.我的代码是这样的:function truthCheck(collection, pr...

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 全部