javascript- check if value of object in array is not exist

Question

I have this simple array with objects and values, but not all objects have same values:

var array = [
    {name: '‏aaa', mobile: '111-111'},
    {name: '‏bbb', mobile: '222-222', adress: '333-333'},
    {name: '‏ccc', mobile: '444-444', adress: '555-555'}
]

the first object doesn't have an address.

so when I tried to append it to html I got undefined word:

jQuery:

$('ul').append(
    '<li>‏'+array[i].name+'</li>'+
    '<li>‏'+array[i].mobile+'</li>'+
    '<li>‏'+array[i].adress+'</li>'+
)}

HTML:

<li>‏‏aaa</li>
<li>‏111-111</li>
<li>‏undefined</li>

<li>‏‏bbb</li>
<li>‏222-222</li>
<li>‏333-333</li>

how can to check if this value not exist then show nothing instead of undefined word?, or even to not show the whole li tag?

JSFiddle DEMO

Yaje · Accepted Answer · 2014-07-11 00:59:01Z

3

you need to set it's adress still but with ' ' value.

var array = [
    {name: '‏aaa', mobile: '111-111',adress:''},
    {name: '‏bbb', mobile: '222-222', adress: '333-333'},
    {name: '‏ccc', mobile: '444-444', adress: '555-555'}
]

EDIT :

SOLUTION 2

check if array[i].adress is typeof Undefined

function details () {
    if( typeof array[i].adress == "undefined"){
         array[i].adress = '';   
    }
    $('ul').append(
        '<li>‏'+array[i].name+'</li>'+
        '<li>‏'+array[i].mobile+'</li>'+
        '<li>‏'+array[i].adress+'</li>'+
        '<br />'
    );
}

Fiddle updated : Working Demo

edited Jul 11, 2014 at 0:59

answered Jul 11, 2014 at 0:48

Yaje

2,82920 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ahmad Seraj Eddin Over a year ago

I have hundreds of elements and about 15 values for each element, so i can't change them manually

guest271314 · Accepted Answer · 2014-07-11 01:08:46Z

3

Try

var array = [
    {name: '‏aaa', mobile: '111-111'},
    {name: '‏bbb', mobile: '222-222', adress: '333-333'},
    {name: '‏ccc', mobile: '444-444', adress: '555-555'}
];

$.each(array, function(index, value) {
    $.each(value, function(key, val) {
        $("<li>", {
            "text": val
        }).appendTo("ul")
    });
});

jsfiddle http://jsfiddle.net/guest271314/mU9T5/

answered Jul 11, 2014 at 1:08

guest271314

1

2 Comments

Tats_innit Over a year ago

Yes, this is much elegant in some aspect. +1

crashwap Over a year ago

Great solution. +1 (Added in the break between li)

Bryan Hadlock · Accepted Answer · 2014-08-13 21:50:21Z

2

JavaScript has an inherent Boolean value, generally known as either truthy or falsy. A unassigned value will return false in an if statement ie if(array[i].adress){ I added a shorthand if statement to your code to fix the problem.

function details () {
$('ul').append(
    '<li>‏'+array[i].name+'</li>'+
    '<li>‏'+array[i].mobile+'</li>'+
    (array[i].adress? '<li>‏'+ array[i].adress +'</li>': '')
);
}

edited Aug 13, 2014 at 21:50

answered Jul 11, 2014 at 0:58

Bryan Hadlock

2,7162 gold badges17 silver badges14 bronze badges

2 Comments

PM 77-1 Over a year ago

Your if is better than mine. I forgot that undefined is falthy.

Ahmad Seraj Eddin Over a year ago

Thnk you @Bryan, that's what I want :)

PM 77-1 · Accepted Answer · 2014-07-11 01:00:01Z

1

You can use something like this:

function details () {
    $('ul').append(
        '<li>‏'+array[i].name+'</li>'+
        '<li>‏'+array[i].mobile+'</li>'+ 
        (typeof(array[i].adress) === 'undefined' ? '' :
        ('<li>‏'+array[i].adress+'</li>')) +
        '<br />'
    );
}

I used ternary if with the condition that checked whether address property was defined. If not, the entire <li> is omitted.

SQL Fiddle

answered Jul 11, 2014 at 1:00

PM 77-1

13.4k21 gold badges73 silver badges118 bronze badges

Comments

Tats_innit · Accepted Answer · 2014-07-11 01:05:46Z

1

Waht you are looking for is this: http://jsfiddle.net/Z7U3r/

hasOwnProperty : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty

The hasOwnProperty() method returns a boolean indicating whether the object has the specified property.

Hope this fits your needs :)

code

array[i].hasOwnProperty('adress')

answered Jul 11, 2014 at 1:05

Tats_innit

34.1k10 gold badges74 silver badges77 bronze badges

1 Comment

Tats_innit Over a year ago

@AhmadSeraj yep, thats why this hasOwnProperty method exist. no need to do raw undefined cheacks when the method does it for you. and in optimality it might be faster :) developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

Muhammad Ali · Accepted Answer · 2014-07-11 01:11:34Z

0

check this one

 if (array[i].adress==null)
{
     array[i]['adress'] = 'None';
}
$('ul').append(
    '<li>‏'+array[i].name+'</li>'+
    '<li>‏'+array[i].mobile+'</li>'+
    '<li>‏'+array[i].adress+'</li>'+
    '<br />'
);

edited Jul 11, 2014 at 1:11

answered Jul 11, 2014 at 0:50

Muhammad Ali

2,0241 gold badge14 silver badges20 bronze badges

2 Comments

Ahmad Seraj Eddin Over a year ago

in this way all the values of an element that doesn't have address value will disappear , and that not what I want

Muhammad Ali Over a year ago

Try this one simillary you can add else if for name and mobile

Collectives™ on Stack Overflow

javascript- check if value of object in array is not exist

6 Answers 6

1 Comment

2 Comments

2 Comments

Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

2 Comments

2 Comments

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related