How to find a word in a json inside an array using js/jquery

Question

I have an array like this:

"links": [{
  "url": "http:...",
  "title": "3"
}, {
  "url": "http://facebook.com/pages/",
  "title": "2"
},{
  "url": "http://...",
  "title": "2"
}],

I want to find out of the array has the word 'facebook' and if so to take the specific url with the word and use it. I tried this code but it doesn't work.

var arraylinks = mdata.links;
if (arraylinks[i].url === "facebook") {
    for (var i = 0; i < arraylinks.length; i++) {
        var klink = $("<a>").attr("href", arraylinks[i].url).attr('target', '_blank').addClass("icon-library");
    }
}

I would appreciate your help. thank you

well, facebook is only part of the full url, you could test it with /facebook/i.test(arraylinks[i].url) or something similar to make sure it actually contains the word facebook — Icepickle
– Icepickle, Commented Jan 7, 2017 at 23:39

BrunoLM · Accepted Answer · 2017-01-07 23:40:24Z

6

You can use Array.filter, Regex to filter your list.

var array = [{
  "url": "http:...",
  "title": "3"
}, {
  "url": "http://facebook.com/pages/",
  "title": "2"
},{
  "url": "http://...",
  "title": "2"
}];

var filtered = array.filter(function (obj) {
  return /facebook/i.test(obj.url);
})

console.log(filtered[0]);

answered Jan 7, 2017 at 23:40

BrunoLM

101k86 gold badges311 silver badges464 bronze badges

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

Comments

Simen Fjellstad · Accepted Answer · 2017-01-08 15:07:07Z

1

You could use indexOf on the urls to keep it basic.

var arraylinks = mdata.links;
var wordToFind = "facebook"
if (arraylinks[i].url && arraylinks[i].url.toLowerCase().indexOf(wordToFind) >= 0 ) {
  for (var i = 0; i < arraylinks.length; i++) {
    var klink = $("<a>").attr("href", arraylinks[i].url)
    .attr('target', '_blank').addClass("icon-library");
  }
}

edited Jan 8, 2017 at 15:07

answered Jan 7, 2017 at 23:39

Simen Fjellstad

4122 silver badges18 bronze badges

5 Comments

Icepickle Over a year ago

True, you did, however the only right answer I see is the one from BrunoLM (though yours is the second best at the moment ;)).

Simen Fjellstad Over a year ago

Agreed, but i figured it's better to update my answer rather than removing it ;)

Simen Fjellstad Over a year ago

You're right, didn't realize the lines were reversed. Thanks @Icepickle

Icepickle Over a year ago

Your last edit is incorrect (run it in jsfiddle or something), link would be 0, 1, 2 (the property name of the array) (see here)

Simen Fjellstad Over a year ago

Fixed it again!

abigperson · Accepted Answer · 2017-01-07 23:41:34Z

0

so you could do this:

var arraylinks = mdata.links;
for (var i = 0; i < arraylinks.length; i++) {
    if (arraylinks[i].url.indexOf("facebook") != -1) {    
        var klink = $("<a>").attr("href", arraylinks[i].url).attr('target', '_blank').addClass("icon-library");
        // do something with klink here
    }
}

I also think the for loop needs to be outside of the if statement

answered Jan 7, 2017 at 23:41

abigperson

5,3823 gold badges25 silver badges25 bronze badges

Comments

Mahmoud · Accepted Answer · 2017-01-07 23:43:14Z

0

You can use this

fbLink = links.find(function(el){
   return el.url.indexOf('facebook') >= 0 
});

answered Jan 7, 2017 at 23:43

Mahmoud

94613 silver badges30 bronze badges

Collectives™ on Stack Overflow

How to find a word in a json inside an array using js/jquery

4 Answers 4

Comments

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related