Re: Find object in array

Path	csiph.com!aioe.org!.POSTED!not-for-mail
From	JR <jrfaqcom@gmail.com>
Newsgroups	comp.lang.javascript
Subject	Re: Find object in array
Date	Tue, 18 Jul 2017 13:02:44 -0300
Organization	Aioe.org NNTP Server
Lines	44
Message-ID	<oklbf4$1dkr$1@gioia.aioe.org> (permalink)
References	<Ca-dndZsZ7OrtvbEnZ2dnUU7-e3NnZ2d@westnet.com.au>
NNTP-Posting-Host	HNgRgWocF59EPhAvfrr0+Q.user.gioia.aioe.org
Mime-Version	1.0
Content-Type	text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding	7bit
X-Complaints-To	abuse@aioe.org
User-Agent	Mozilla/5.0 (X11; Linux x86_64; rv:52.0) Gecko/20100101 Thunderbird/52.2.1
X-Notice	Filtered by postfilter v. 0.8.2
Content-Language	en-US
Xref	csiph.com comp.lang.javascript:33587

Show key headers only | View raw

On 16-07-2017 06:00, Andrew Poulos wrote:
> The server returns a string which I parse. It becomes an array of 
> "simple" objects eg.
> {
>    "id":1,
>    "colour": "#fff",
>    "width": 320,
>    "height":240
> }

It seems this app is using some form of "Virtual DOM", or just assigning 
styles (Properties / Values) to a given HTML element. In any case, it 
would be better using standard CSS property names, e.g "color" instead 
of "colour", and strings for width / height values such as "320px" or 
"240px". That's because it would be easier to assign styles to an element:

E.g.
var el = document.getElementById("1");
el.style.cssText = "color:#fff;width:320px;height:240px;";

Or:

Object.assign(el.style,
   {
     "color": "#fff",
     "width": "320px",
     "height": "240px"
   }
);

> To find an object with a specific "id" I use a for loop on the array. 
> This is ok but now the arrays I'm getting contain 10s of objects. What 
> better way can I use to find a specific object?

As Martin Honnen suggested, you might use the Array's filter() method to 
get an array of those objects meeting the filter condition.

However if "id" references a unique element, you'd be ok with the find() 
method too. Look up these two Array methods in the MDN:
<https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array>

-- 
Joao Rodrigues

Back to comp.lang.javascript | Previous | Next — Previous in thread | Find similar | Unroll thread

Thread

Find object in array Andrew Poulos <ap_prog@hotmail.com> - 2017-07-16 19:00 +1000
  Re: Find object in array Martin Honnen <martin.honnen@gmx.de> - 2017-07-16 11:11 +0200
    Re: Find object in array JR <jrfaqcom@gmail.com> - 2017-07-17 12:47 -0300
      Re: Find object in array Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-07-17 20:06 +0200
  Re: Find object in array Andrew Poulos <ap_prog@hotmail.com> - 2017-07-16 19:14 +1000
    Re: Find object in array Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-07-17 01:30 +0200
  Re: Find object in array Dr J R Stockton <J.R.Stockton@physics.org> - 2017-07-16 15:13 -0700
    Re: Find object in array Andrew Poulos <ap_prog@hotmail.com> - 2017-07-17 14:49 +1000
      Re: Find object in array "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-07-17 13:53 +0200
        Re: Find object in array Ben Bacarisse <ben.usenet@bsb.me.uk> - 2017-07-17 14:29 +0100
  Re: Find object in array JR <jrfaqcom@gmail.com> - 2017-07-18 13:02 -0300

csiph-web