JS/Jquery - if input has any name of an array, return associated value

Question

This is a continuation of a question I asked yesterday, where I asked how to determine if the input matches any portion of an array's element ('sun' & 'sunday' = 'sun'). Here was the solution.

var _array = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];

for (var i = 0; i < _array.length; i++) {
    if (_val.indexOf(_array[i]) != -1) {
        $('span').text('it worked');
        return;
     }
}

$('span').text('nothing');

I just realized however that, if true, I need to match it with the full name value in an associative array. Ex: if you type ('sun','sund','sunda', or 'sunday') it returns 'sunday'. Ideally it would be case insensitive, but I can figure that out on my own.

var _array = {
    "sun" : "sunday",
    "mon" : "monday",
    "tue" : "tuesday",
    "wed" : "wednesday",
    "thu" : "thursday",
    "fri" : "friday",
    "sat" : "saturday"   
};

Here is the second part of the solution. I realize I could just remove the else { $('p').text(''); } in this example but that won't work in my project code.

Please put all of the code into the question. It makes the question stand on its own. External sites may not be around in the future. — walrii
– walrii, Commented Aug 16, 2012 at 1:27

gray state is coming · Accepted Answer · 2012-08-16 01:32:00Z

1

If i udnerstand from your previous question, if any part of the text input matches an item in the array, then it is considered a matched.

Now it seems that you want to map the short array version to a full word.

If this sounds right, you can just get the short value from the Array, and create a map of short to long versions.

var map = {
   sun: "sunday",
   mon: "monday",
   tue: "tuesday",
   wed: "wednesday",
   thu: "thursday",
   fri: "friday",
   sat: "saturday"
};

Then get the array value, and pass it as the key to the map.

var _array = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];

_val = _val.toLowerCase();

for (var i = 0; i < _array.length; i++) {
    if (_val.indexOf(_array[i]) != -1) {
        $('span').text('it worked');
        alert(map[_array[i]]);  
        return;
     }
}

You also said you want it case insensitive, so I added toLowerCase() to _val.

edited Aug 16, 2012 at 1:32

answered Aug 16, 2012 at 1:21

gray state is coming

2,11711 silver badges20 bronze badges

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

2 Comments

gray state is coming Over a year ago

Sorry, I used the wrong index in the map. It should be alert(map[_array[i]]); jsfiddle.net/DQPx7/4

gray state is coming Over a year ago

Looks good but be sure to put the map and the _array outside the keyup event handler because you don't need to make them on every event.

Casey Chu · Accepted Answer · 2012-08-16 01:27:53Z

1

function parseDay(val) {
    val = val.toLowerCase();
    var days = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
    for (var i = 0; i < days.length; i++)
        if (days[i].indexOf(val) == 0)
            return days[i];
}

parseDay('sun'); // 'sunday'

answered Aug 16, 2012 at 1:27

Casey Chu

25.5k10 gold badges42 silver badges59 bronze badges

Comments

Christopher Nguyen · Accepted Answer · 2012-08-16 01:22:28Z

0

It sounds like you need to use .match()

Example: http://jsfiddle.net/t5pP8/

answered Aug 16, 2012 at 1:22

Christopher Nguyen

1231 silver badge5 bronze badges

Collectives™ on Stack Overflow

JS/Jquery - if input has any name of an array, return associated value

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related