【javascript – 如何使用map将键名更改为嵌套对象?】教程文章相关的互联网学习教程文章

javascript – 箭头函数在.map内的prop中传递变量【代码】

我试图将一个变量传递给React中的prop函数,该函数都在.map函数中. 我在箭头函数参数错误中得到一个无效的左手边.<div style={ style.navContainer }>{navItems.map((item, i) => <div key={ i } onClick={ (item.name) => this.props.onClickGoTo(name) } style={ style.navItem }><img style={ style.icon } src={ item.src } />{ item.name }</div>)} </div>解决方法:几乎.它应该是:onClick={ () => this.props.onClickGoTo(ite...

如何在javascript中以相反的顺序迭代Set或Map?【代码】

我正在寻找一种以相反顺序迭代Set或Map的方法. 按常规顺序考虑这个简单的例子:var mySet = new Set([1,2,3,4,5]); for(let myNum of mySet) {console.log(myNum); // output: 1, 2, 3, 4, 5 in sepearte lines }从Set.prototype.values()或Set.prototype.entries()给出的迭代器也是从开始到开始. 以相反的顺序迭代Set(或Map)的解决方案是什么?解决方法:没有办法在地图或集合上获得反向迭代器,正如我在尝试get the last item adde...

javascript – 如何使用jquery-ui-map重新定位地图【代码】

使用jquery-ui-map. 我正在通过JSON加载数据,带有一些标记和纬度/经度地图的新中心(位置查找器应用程序).var origin = new google.maps.LatLng(data.origin.latitude, data.origin.longitude)// adding the marker for the new origin works $('#map_canvas').gmap('addMarker', {'position': origin});// does not work $('#map_canvas').gmap('center', '49, 7');// does not work $('#map_canvas').gmap('center', origin);// d...

javascript – 获取Map.prototype.forEach()中的索引【代码】

Map.prototype.forEach采用两个参数进行回调:值和键.是否可以获取每个条目的索引,类似于Array.prototype.forEach((value,index)=> {})解决方法:Map.prototype.forEach takes callback with two params: value and key.不,它是invoked with three arguments,就像Array#forEach一样.第三是地图.Is it possible to get the index of each entry, similar to Array.prototype.forEach(functcion(value, index) => {})(相当确定其中的功...

相当于Groovy for Javascript的map()?【代码】

在Javascript中的功能array.map(callback[, thisArg])创建一个新数组,其结果是在此数组中的每个元素上调用提供的函数. (根据mdn的文件).在Groovy中有相同的东西吗?解决方法:你可能正在寻找collect:def numbers = [1,2,3] assert numbers.collect { it * 2 } == [2,4,6]还有一些专门为Collection和数组类型定义的变体(与collect本身相反,它对任何对象都有效,默认行为处理任意对象与仅包含该对象的单元素数组相同),例如collectMany...

在下一个开始之前等待先前承诺的Javascript Map?【代码】

我知道这不在Array.map的范围内,但我想等到上一个项目完成其承诺后再开始下一个.碰巧我需要等待前一个条目保存在数据库中才能向前移动.const statsPromise = stats.map((item) => {return playersApi.getOrAddPlayer(item, clubInfo, year); //I need these to wait until previous has finished its promise. });Promise.all(statsPromise) .then((teamData) => {..// });playersApi.getOrAddPlayer返回一个新的Promise 编辑 阅读...

javascript – 将具有唯一id属性的对象数组转换为Map【代码】

我有一个对象数组,其中每个对象都有一个名为id的唯一成员.如何创建一个Map,其中id为Map的密钥?解决方法:您想将阵列缩减为地图:const arr = [{id:1},{id:2},{id:2}];const map = arr.reduce((acc, item) => acc.set(item.id, item), new Map());console.log(map.get(1)); 这是一个反对使用map和forEach的JSPref. 在Chrome v53中,reduce是最快的,那么每个地图都是最慢的.

javascript – immutable js更新Map中的一个键【代码】

所以我有一个不可变的js贴图:{title: "item 1",title2: "item 2",title3: "item 3" }我想更新密钥,因此它将成为:{new title: "item 1",title2: "item 2",title3: "item 3" }到目前为止,使用update()和set()我只能更新值?是否可以更新密钥,或者在更新密钥之前是否需要进行转换?解决方法:你可以使用mapKeys作为:var map = Immutable.Map({new title: "item 1",title2: "item 2",title3: "item 3" });map = map.mapKeys(k => {if...

javascript – 在Google Map API上获取缩放尺寸【代码】

如何通过鼠标滚轮或缩放栏更改谷歌地图中的缩放尺寸? 我使用Google Map API 3和JavaScript. 我希望在每次更改时都在console.log()中显示.解决方法:简单. As per docs:google.maps.event.addListener(map, 'zoom_changed', function() {var z = map.getZoom();console.log(z); });这是a great utility,显示他们开火时的所有事件.

javascript – Typescript错误:Map.values()赋予IterableIterator不可迭代【代码】

当我尝试迭代从Map.values()返回的值时,Typescript会给我这个错误(其中Map的类型为< number,Foo>):error TS2495: Type ‘IterableIterator<Foo>’ is not an array type or a string type.根据ES6 doc,Map.values()应该返回一个Iterable而不是IterableIterator,我应该能够在for-for循环中使用它. 这在节点中工作正常:var data = [{id: 0},{id: 1},{id: 3} ]; var m = new Map(data.map(n => [n.id,n])); for(var i of m.values()...

javascript – 使用react-bootstrap中的map正确渲染多个模态【代码】

我试图用地图渲染多个react-bootsrap模态,但我无法这样做.使用我当前的代码,单击“查看详细信息”按钮可同时激活所有模态,而不是打开相关模态.这是我的代码与模态相关的片段:render() {const { accounts } = this.props;const displayAccounts = Object.keys(accounts).filter(key => {return accounts[key].info.type === 'student'}).map(key => {return (<tr key={key}><th>{accounts[key].info.name}</th><td>{accounts[key]....

javascript – ReferenceError:找不到变量:Map【代码】

我正在使用Angular 4,Webpack 2.4.1,Karma 1.6和Jasmine 2.6.1,我正在编写ES2015而不是TypeScript 我有一个小角度演示应用程序,我想添加单元测试.演示应用程序本身正在运行,Webpack正在捆绑所有内容,但是当我尝试运行单元测试时,我在控制台中看到一些错误,如下所示:ReferenceError: Can’t find variable: Map at Static/js/app.welcome.js:2569(app.welcome.js是我的组件的名称) Webpack似乎正在构建我的测试包,Karma服务器正常启...

javascript – map添加/减少两个具有相同索引的数组对象【代码】

我有两个数组对象如下:var arr1 = [{name: 1,value: 10},{name: 2,value: 15} ]var arr2 = [{name: 3,value: 5},{name: 4,value: 3} ]我想重新定义密钥并使用相同的索引减少每个数据. 输出:var arr1 = [{itemLabel: 1,itemValue: 5}, {itemLabel: 2,itemValue: 12} ]我现在正在做如下:formatData = arr1.map((row, index) => ({itemLabel: arr1.name,itemValue: arr1.value - arr2[index].value }))这样做有什么更好的解决方案吗...

Javascript作用域规则和mongo map / reduce函数【代码】

我想制作一些在mongo中执行参数化map / reduce作业的javascript函数,但我对JavaScript的范围设置感到困惑.例如,以下代码给出了“性别”变量的计数;即它会告诉我有多少“男性”和“女性”记录:// count categories db.responses.mapReduce(function(){emit(this["gender"], {count: 1})}, function(state, values){var result = {count: 0};values.forEach(function(value) {result.count += value.count;});return result;}, {out...

javascript – map函数中的if else语句reactjs【代码】

您不必阅读整个代码,只需阅读editQuantity函数和showOrderItem函数中的注释,特别是在showOrderItem函数中,我的问题是我认为只是愚蠢,因为我的两个函数都在工作,因为它们应该工作, * editQuantity函数应该改变状态,它改变它,我通过添加控制台行检查. * showOrderItem函数假设显示项目,他也在做这个工作. 我的问题是,我尝试在showOrderItem函数中添加不起作用的条件渲染,即使我能够改变状态. 请阅读showOrderItem函数中的注释,以查看...

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