Find object by id in an array of JavaScript objects

I've got an array: myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.] I'm unable to change the structure of the array. I'm being passed an id of 45 , and I want to get 'bar' for that object in the array. How do I do this in JavaScript or using jQuery? myArray.find(x => x.id === '45').foo; From MDN: The find() method returns a value in the array, if a

通过JavaScript对象数组中的id查找对象

我有一个数组: myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.] 我无法改变数组的结构。 我被传递了一个45的id,并且我想要为该对象在数组中获得'bar' 。 我如何在JavaScript中使用或使用jQuery? myArray.find(x => x.id === '45').foo; 来自MDN: 如果数组中的元素满足提供的测试函数,则find()方法返回数组中的值。 否则返回undefined 。 如果您想获取匹配元素的数组,请改用fil

Pass in an array of Deferreds to $.when()

Here's an contrived example of what's going on: http://jsfiddle.net/adamjford/YNGcm/20/ HTML: <a href="#">Click me!</a> <div></div> JavaScript: function getSomeDeferredStuff() { var deferreds = []; var i = 1; for (i = 1; i <= 10; i++) { var count = i; deferreds.push( $.post('/echo/html/', { html: "<p>T

将一个Deferreds数组传递给$ .when()

下面是一个人为的例子:http://jsfiddle.net/adamjford/YNGcm/20/ HTML: <a href="#">Click me!</a> <div></div> JavaScript的: function getSomeDeferredStuff() { var deferreds = []; var i = 1; for (i = 1; i <= 10; i++) { var count = i; deferreds.push( $.post('/echo/html/', { html: "<p>Task #" + count + " complete.",

What is the best way to add options to a select from as a JS object with jQuery?

What is the best method for adding options to a <select> from a JavaScript object using jQuery? I'm looking for something that I don't need a plugin to do, but I would also be interested in the plugins that are out there. This is what I did: selectValues = { "1": "test 1", "2": "test 2" }; for (key in selectValues) { if (typeof (selectValues[key] == 'string') { $('#mySel

使用jQuery将选项添加到JS对象的最佳方式是什么?

使用jQuery从JavaScript对象向<select>添加选项的最佳方法是什么? 我正在寻找一些我不需要插件的东西,但我也会对那些插件感兴趣。 这就是我所做的: selectValues = { "1": "test 1", "2": "test 2" }; for (key in selectValues) { if (typeof (selectValues[key] == 'string') { $('#mySelect').append('<option value="' + key + '">' + selectValues[key] + '</option>'); } } 干净/简单

in javascript, manually controlling order of event listeners

Assuming that FORM contains INPUT, have the following listeners: javascript function formFirst(e) { ... } function formLast(e) { ... } function inputFirst(e) { ... } function inputLast(e) { ... } function middle(e) { ... } document.getElementById('form').addEventListener('change',formFirst,true); document.getElementById('form').addEventListener('change',formLast,false); document.getElementByI

在JavaScript中,手动控制事件侦听器的顺序

假设FORM包含INPUT,请具有以下侦听器: JavaScript的 function formFirst(e) { ... } function formLast(e) { ... } function inputFirst(e) { ... } function inputLast(e) { ... } function middle(e) { ... } document.getElementById('form').addEventListener('change',formFirst,true); document.getElementById('form').addEventListener('change',formLast,false); document.getElementById('input').addEventListen

Implementing operator overloading in Javascript via a transpiler

One of the problems, for some of us, with Javascript is the lack of operator overloading. This makes writing numeric libraries awkward. For instance, we might want to write something like: var a = new BigInteger(5); var b = new BigInteger(10); var c = a + b; A possible solution is to transpile a language with operator overloading to Javascript. While feasible -- by replacing operators by fun

通过转译器在Javascript中实现运算符重载

对于我们中的一些人来说,使用Javascript的问题之一是缺少运算符重载。 这使书写数字图书馆变得尴尬。 例如,我们可能想写一些如下所示的内容: var a = new BigInteger(5); var b = new BigInteger(10); var c = a + b; 一种可能的解决方案是将运算符重载的语言转换为Javascript。 虽然可行 - 通过函数调用和类型检查来取代操作符 - 但共识似乎是,如果不杀死性能,这是不可能的。 CoffeeScript由于这个原因已经拒绝了这

Get iPhone device details using HTML/JavaScript

Possible Duplicate: Detect the specific iPhone/iPod touch model in Javascript I would like to get the Apple device model name/number like iPhone 4s(A1387) or iPhone 5 using HTML/JavaScript. i tried using User-Agent which provides info like Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 Safari/419.3 It doesn't specify model

使用HTML / JavaScript获取iPhone设备详细信息

可能重复: 使用Javascript检测特定的iPhone / iPod touch模型 我想使用HTML / JavaScript获取Apple设备型号名称/编号,如iPhone 4s(A1387)或iPhone 5。 我尝试使用提供信息的用户代理 Mozilla / 5.0(iPhone; U;像Mac OS X的CPU; en)AppleWebKit / 420 +(KHTML,如Gecko)Version / 3.0 Mobile / 1A543 Safari / 419.3 它没有指定型号或名称。 只说它是iPhone。 有没有办法使用HTML或JavaScript获取Apple设备型

What is the best online resource for 3D rendering in JavaScript?

First a little intro: Last year i wrote this http://dragan.yourtree.org/code/canvas-3d-graph/ Now, i want to make complete rewrite of it, because that old version have some limitations, for example: sometimes it happens that bars are not visible, because they are drawn one behind another. In this old version there is no real 3d, just bunck of 2D lines, which emulate 3D. Now, what i want i

JavaScript中3D渲染的最佳在线资源是什么?

首先介绍一下: 去年我写了这个http://dragan.yourtree.org/code/canvas-3d-graph/ 现在,我想对它进行完全重写,因为旧版本有一些限制,例如:有时会出现条形图不可见,因为它们被绘制在另一个之后。 在这个旧版本中,没有真正的3D,只是2D模拟的3D模拟。 现在,我想要的是全面的3D场景,我想保留所有的对象在内存中,并添加一些3D导航按钮,使用户能够旋转整个场景的所有3轴,并放大相机和出。 我已经决定,我将使用

Pattern for modifying knockout observable on parent from child view model

I have a parent-child view model object structure set up and need to update an observable on the parent from the child. I've basically come up with two patterns for doing so: 1] Pass a reference of the parent property to the child and update the property from within the child: var ParentViewModel = function(){ var self = this; this.selectedItem = ko.observable(); this.child =

从子视图模型修改父亲的敲除可观察模式

我有一个父子视图模型对象结构,并且需要更新子视图的父视图。 我基本上想出了两种模式: 1]将父属性的引用传递给子代并从子代内更新属性: var ParentViewModel = function(){ var self = this; this.selectedItem = ko.observable(); this.child = ko.observable(new ChildViewModel(self.selectedItem)); } var ChildViewModel = function(parentSelectedItem){ var self = this; this.id = ko.obser

Combining inheritance with the module pattern

I like the module pattern that returns constructors as described in: http://elegantcode.com/2011/02/15/basic-javascript-part-10-the-module-pattern/ However I am not sure how to inherit from an object that is implemented with this pattern. Suppose I have a parent object implemented thus... namespace('MINE'); MINE.parent = (function() { // private funcs and vars here // Public API

将继承与模块模式结合起来

我喜欢按照以下描述返回构造函数的模块模式:http://elegantcode.com/2011/02/15/basic-javascript-part-10-the-module-pattern/ 但是我不知道如何从这个模式实现的对象继承。 假设我有一个父对象,因此... namespace('MINE'); MINE.parent = (function() { // private funcs and vars here // Public API - constructor var Parent = function (coords) { // ...do constructor stuff here };

jQuery mouseout on iPad

I have a jQuery code which works perfect on desktop browsers; $("span#checkbox_err").mouseout(function () { $("span#checkbox_err").fadeOut("slow"); }); But the same does not trigger on the iPad (as a result the checkbox_err is displayed on screen, but never hides) How do I trigger the mouseout event on the iPad ? Also I'll want to avoid using

在iPad上的jQuery鼠标

我有一个完美的桌面浏览器jQuery代码; $("span#checkbox_err").mouseout(function () { $("span#checkbox_err").fadeOut("slow"); }); 但同样不会在iPad上触发(因此checkbox_err显示在屏幕上,但从不隐藏) 如何在iPad上触发鼠标事件? 此外,我会想避免使用任何额外的库只是为了解决这个小问题.. 我有问题跟进 我正在测试iPad上的一个页面,并且遇到了一些实现相应的鼠