草庐IT

jest-haste-map

全部标签

javascript - 如何在 javascript 中以相反的顺序遍历 Set 或 Map?

我正在寻找一种遍历Set的方法或Map以相反的顺序。按常规顺序考虑这个简单示例:varmySet=newSet([1,2,3,4,5]);for(letmyNumofmySet){console.log(myNum);//output:1,2,3,4,5insepeartelines}从Set.prototype.values()给出的迭代器或Set.prototype.entries()也是从头到尾。以相反顺序迭代Set(或Map)的解决方案是什么? 最佳答案 我在尝试getthelastitemaddedtoaSet时发现无法在

javascript - 箭头函数在 .map 中的 prop 中传递变量

我正在尝试将变量传递给React中的prop函数,该函数全部在.map函数中。我在箭头函数参数错误中收到无效的左侧。{navItems.map((item,i)=>this.props.onClickGoTo(name)}style={style.navItem}>{item.name})} 最佳答案 差不多。应该是:onClick={()=>this.props.onClickGoTo(item.name)} 关于javascript-箭头函数在.map中的prop中传递变量,我们在S

javascript - 解构 map

如果我在javascript中有这样一个对象:letobj={b:3,c:4,d:6}如果我解构它,我可以很容易地得到不同的部分,例如,如果我这样做,我可以得到c和d:let{c,d}=obj这很好,但是如果我想制作map:letm=newMap()m.set('b',3).set('c',4).set('d',6)我可以通过以下方式获取单个元素:letc=m.get('c')letd=m.get('d')但是有没有办法像我们处理标准对象那样解构像map这样的对象。我发现上面的语法在很多情况下使用起来非常简单,以至于在使用map时它实际上是一个很大的缺点;尽管默认情况下您可以获得迭代器

javascript - 如何在 Jest 中测试类构造函数

假设我有一个类如下:classSomeClass{constructor(a,b){this.a=a;this.b=b;}}我如何通过Jest测试构造函数是否以正确的方式初始化?说...this.a=a和this.b=b而不是相反?我知道我可以执行toBeCalledWith但这不会让我检查构造函数的逻辑。我也在考虑制作mockImplementation但在这种情况下它似乎毫无意义,因为我将重写逻辑,或者我可能没有意识到创建模拟的所有细微差别 最佳答案 只需创建一个对象的实例并直接检查它。由于它将它们设置在this上,因此它们本质

javascript - 如何按 es6/React 中的特定字段对 map 进行排序?

我有这张map,我想按“id”值排序:{products.map(({id,headline})=>(id={id}headline={headline}))}我该怎么做? 最佳答案 假设id是一个数字,您可以执行products.sort(({id:previousID},{id:currentID})=>previousID-currentID)像这样:JavaScript代码:{products.sort(({id:previousID},{id:currentID})=>previousID-currentID).map((

javascript - Jest 预期模拟函数已被调用,但未被调用

我查看了各种解决类属性测试问题的建议,但都没有成功,我想知道是否有人可以更清楚地说明我可能出错的地方,这是我尝试过的所有测试错误预期的模拟函数已被调用,但它没有被调用。搜索.jsximportReact,{Component}from'react'import{func}from'prop-types'importInputfrom'./Input'importButtonfrom'./Button'classSearchFormextendsComponent{staticpropTypes={toggleAlert:func.isRequired}constructor(){sup

javascript - 使用 Jest 和 React 模拟非默认函数

在测试文件中,我需要渲染一个组件,同时模拟它的一些子组件。文件结构大致如下所示。文件1import{A,B}from'a-module';exportfunctionMyComponent(){return(//Ineedtomock//thesecomponentsout);}文件2import{MyComponent}from'File1';/**InthisfileIwouldliketorenderMyComponentbut*havecomponentsAandBbereplacedbymocks*/我试过jest.mock('a-module',()=>'Blah');但这

javascript - 如何在 Google Maps JS API 中获得仍然包含一组 Lat/Long 坐标的最小 LatLngBounds?

我需要在map上绘制一组坐标以响应用户的选择,当它发生时,我想平移map以关注那组点。如何找到包含所有坐标的最小边界框(LatLngBounds)? 最佳答案 除了StackOverflowpostwhich@CrescentFreshpointedtoabove(使用v2API),您要使用的方法是LatLngBounds.extend().这是一个完整的例子,使用v3API:GoogleMapsLatLngBounds.extend()Demovarmap=newgoogle.maps.Map(document.getElemen

javascript - map : Using ISO 3266-2 region code but show real name

我正在使用GoogleVisualizationGeochartAPI创建一个国家/地区的map。我提供ISO3266-2Countrysubdivisioncode并得到正确的结果。然而,在图表中将ISO3266-2代码显示为标签是一种糟糕的用户体验。所以我想提供一个自定义标签。以此为例:functiondrawVisualization(){vardata=google.visualization.arrayToDataTable([['Country','Popularity'],['DE-BY',200],['DE-NW',500]]);vargeochart=newgoogl

javascript - Google Maps API - 获取最接近邮政编码的点

我正在使用GoogleMapsAPIv3和javascript将map添加到网站。我有一个地址列表,并已成功将它们绘制在map上。当用户输入邮政编码时,map会重新以他们的位置为中心,显示离该点最近的标记。现在,我需要创建一个ListView,显示距离他们的邮政编码最近的3或5个位置,并提供行车路线链接。我被困住了……欢迎提出建议。 最佳答案 通常的解决方案是使用google.maps.geometry.sphericallibrarycomputeDistanceBetween(from:LatLng,to:LatLng,radi