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

使用把手迭代javascript对象【代码】

我正在尝试使用Handlebars注册帮助程序以允许迭代JSON对象. This gist看起来是一个合适的解决方案.我将其转换为以下CoffeeScript.当我使用任何一个帮助程序时,似乎没有任何事情发生(对于vanilla JavaScript和CoffeeScript版本都适用).有任何想法吗?$->Handlebars.registerHelper "key_value", (obj, fn)->buffer = ""key for key in obj if obj.hasOwnProperty(key)buffer += fn({key: key, value: obj[key]})bufferHandlebars.re...

通过JavaScript中的IEnumerable模型进行迭代【代码】

我有一个IEnumerable<> Car(在这里它不会让我使用尖括号)我的视图中使用的模型:在我的JavaScript中,我必须创建一个对应于我的模型中的对象的对象数组.我无法在JavaScript中迭代我的模型如果我使用剃须刀,javascript代码不起作用:<script type="text/javascript">var carsArray = new Array(); @foreach (var item in Model) {//add the and item to carsArray object }//OR for(i=0;i<@Model.Count();i++) {alert(@Model.Ele...

有没有一种好方法来迭代Javascript对象的所有子属性?【代码】

鉴于我有一个javascript对象,有没有办法迭代所有原始子属性? 例如,如果我有一个对象{foo: 17,bar: {a: 2,b: 7} }我想迭代foo,bar.a和bar.b. 请记住,我更喜欢迭代Object.keys()而不是使用for / in循环,尽管我确信我可以将任何for / in循环响应转换为Object.keys()迭代.解决方法:您可以使用这样的递归函数:var x = {foo: 17,bar: {a: 2,b: 7} }function parseObject(something) {var keys = Object.keys(something);for (var i = 0...

javascript – “迭代器绑定到上下文对象.”【代码】

Underscore.js文档说:_.each(list, iterator, [context]) Iterates over a list of elements, yielding each in turn to an iterator function. The iterator is bound to the context object, if one is passed. Each invocation of iterator is called with three arguments: (element, index, list). If list is a JavaScript object, iterator’s arguments will be (value, key, list). Delegates to the native forEach fun...

在Javascript中迭代数组【代码】

我是一个JavaScript新手.我正在尝试一些示例JavaScript问题.关于迭代数组的问题,我有点卡住了.谁能指出我正确的方向? 我试图获取oldArray中的值,为每个值添加5,并存储在newArray中.var oldArray = [12, 45, 6, 23, 19, 20, 20, 15, 30, 42];var newArray = [];function plusFive(oldArray[i]) {for (var i = 0; i < oldArray.length; i++) {newArray.push(oldArray[i]) + 5) };} }解决方法:代码中的错误是push语句行中的附加括号和...

迭代嵌套的firebase对象 – Javascript【代码】

如何遍历嵌套的firebase对象.Publications-||-Folder1------| |-hdgjg76675e6r-| | |-Name| | |-Author| || |+-hdgjdsf3275e6k| |+-hd345454575e6f|+-Folder2在出版物我有文件夹和文件夹我有对象(包含属性,如.姓名,作者) 我已经遍历文件夹到现在为止.snapshot.forEach(function (snapshot) {var key = snapshot.key();var o...

javascript – 迭代d3.js中的数组元素以添加到按钮【代码】

我正在使用d3js向页面添加一系列按钮以形成控制面板.在每个按钮中,我想迭代一些子元素,在按钮内形成一个无序列表(从长期来看,这将变成一个带有样式和其他诡计的下拉列表). 下面的代码示例显然是错误的.一个人不是简单地走进mordor,也不是简单地在追加中间放一个for循环.我无法翻开我的大脑来记住如何完成这件事. drilldownValues是一个数组,包含我要添加为列表项的所有元素.我觉得我是一个.或者远离尤里卡时刻的东西,但不能使它适合...

javascript – for循环而不在迭代语句中递增【代码】

我只是想问这是否有效,因为这是我的脚本按预期工作的唯一方式:for (var j = 0; j < items.length; j) {for (var k = 1; k <= 3; k++) {$(items.eq(j)).appendTo('.col'+k);j++;} }注意在for语句中没有递增的j. 如果我增加j,由于某种原因,循环忽略每个第4个div,我无法解释原因. Here’s a demo of this script. 我的主要问题是这是否是一种有效的方法,如果不是,那么您是否有更好的解决方案来分配每列中的div?解决方法:更自然的方法...

javascript – 迭代Angular JS转发器中的变量?【代码】

我有一个div隐藏并显示以下div的设置,以创建一个折叠div.我使用变量来表示div,以及执行hide / show的div是 < div ng-click =“costSummary =!costSummary”ng-class =“{open:costSummary}”> 单击div切换变量和类(为内部标题设置样式,对于显示三角形).工作良好. 但是,我需要在ng-repeat中使用这个构造,我不知道如何增加该变量,因此每次迭代都有一个唯一的类.如: < div ng-click =“myVar1 =!myVar1”ng-class =“{open:myVar...

Javascript – 迭代深层嵌套对象并更改某些未知值【代码】

我有一个具有未知数量的级别和类型(数组,对象,字符串)的对象,这是一个示例:var data = {ffs: false,customer: {customer_id: 1544248,z_cx_id: '123456',},selected_items: {'3600196': [{id: 4122652,name: 'Essential Large (up to 8\'x10\')',selected: true}]},service_partner: {id: 3486,name: 'Some String',street: '1234 King St.',},subject: 'Project-2810191 - Orange Juice Stain (Rug)',description: 'Product Type...

如何使用angularjs中的ng-repeat迭代JavaScript Maps?【代码】

我正在尝试在ng-repeat angular的指令中使用JavaScript Maps在搜索时我发现它可以这样做:<ul ng-controller="MyCtrl"><li ng-repeat='(key, value) in {"First Name":"John", "Last Name":"Smith"}'><span>Key: {{key}}, value: {{value}}</span></li> </ul>但是这只适用于普通的JSON对象,当我以下面的方式创建一个真实的Map时,它不起作用. 我有这个控制器function MyCtrl($scope) {$scope.items = new map();$scope.items.set('a...

Javascript:for-loop中定义的每个事件处理程序都是相同的,使用最后一次迭代的值【代码】

我无法理解Javascript中的范围规则. 在下面的示例中,我假设范围url变量在for循环中是私有的.并且onload-event函数会看到这个私有实例. 但事情看起来并不像那样 – 警报将弹出最后一个网址两次. 如果有人能澄清发生了什么,我将不胜感激.<html> <head> </head> <body> <script type="text/javascript">var testArray = ["http://g0.gstatic.com/images/icons/onebox/weather_rain-40.png", "http://g0.gstatic.com/images/icons/oneb...

javascript – 检查地图中第一次迭代的方法【代码】

我正在尝试使用map函数向ReactJS中的元素添加一个类,但是对于循环中的第一个元素,这是可能/一种简单的方法吗?return (<div key={itemData.itemCode} className="item active">Want to add 'active' class when the first but for the others dont add it</div> )解决方法:如果您使用.map的.forEach,那么您可以这样做var List = React.createClass({render: function() {var lists = this.props.data.map(function (itemData, inde...

无法迭代Javascript对象【代码】

我一直遇到访问JS对象中的数据的问题.收集数据的代码(来自Firebase数据库)如下:var get_user_data = function() {...snapshot.forEach(function(child){var key = child.key;var value = child.val();user_char[key] = value;console.log(key, value);});store_user_char(user_char); }var store_user_char = function(user_char) {char_obj = user_char;console.log(char_obj);for(var key in char_obj){if(char_obj.hasOwnPrope...

新手javascript,如何编写反向迭代?【代码】

我目前正在我的大学上学习CIS课程,其中一个项目是javascript.它被分成两个不相关的部分,我能够做第二部分,但我被困在第一部分.我的教授希望我写一个迭代,它会以相反的顺序显示我在提示屏幕中写的任何名字.因此,如果我写“约翰史密斯”,它将显示“受害者nhoj”.问题是我不知道如何写它.<html><body><script>var namIn = window.prompt("Enter name:" ); var namAr = namIn.split(""); var namArLen = namAr.length;document.write...

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