Replacing any occurances of an object name with the object value

Question

So far I have this which replaces the text in the input box if it has the object name in it, with the object value:

var obj = {
    '1': 'fish',
    'q': 'apple',
    'z': 'banana',
};

$("#inputBoxID").on("keyup", function() {
    if(obj.hasOwnProperty($("#inputBoxID").val())) $(this).val(obj[$("#inputBoxID").val()]);
});

I would like to modify this so that on any occurrence of a object name it would replace the object name with the value, here's an example of what I'm trying to do:

User enters hello q I want that to be replaced with: hello apple

How would I go about doing this?

or if user type 'hello question1'? Should it replace q,e, and 1? — Observer
– Observer, Commented Mar 16, 2018 at 19:25
@newbie there is 'e' in apple, it should replace or not?(means if i write apple then what would be the output) — yajiv
– yajiv, Commented Mar 16, 2018 at 20:21

Ele · Accepted Answer · 2018-03-16 19:33:52Z

2

You can split by space, map and then join!

var obj = {    '1': 'fish',    'q': 'apple',    'e': 'banana'};

$("#inputBoxID").on("keyup", function() {
  var str = $("#inputBoxID").val().split(' ').map(function(word) {
    return obj[word] || word;    
  }).join(' ');
  $(this).val(str);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="inputBoxID">

edited Mar 16, 2018 at 19:33

answered Mar 16, 2018 at 19:27

Ele

33.8k7 gold badges43 silver badges80 bronze badges

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

4 Comments

Luis felipe De jesus Munoz Over a year ago

I can not write any word that starts with q or e or 1

Luis felipe De jesus Munoz Over a year ago

I didnt ask the question bro. Just was an observation

newbie Over a year ago

Thanks @Ele how can I modify this so that if someone entered qq it would change into appleapple ?

Ele Over a year ago

Do you want to replace every letter who matches with any key in obj?

yajiv · Accepted Answer · 2018-03-16 20:27:49Z

1

you can simply replace any occurrence of key with it's value, like below(I know it's little heavy as for each key press we are iterating through object).

var obj = {
    '1': 'fish',
    'q': 'apple',
    'z': 'banana',
};

$("#inputBoxID").on("keyup", function() {
  var str = $("#inputBoxID").val();
  for(var x in obj){
    if(obj.hasOwnProperty(x)){
      str=str.replace(x,obj[x]);
    }
  }
  $(this).val(str);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="inputBoxID" type="text">

answered Mar 16, 2018 at 20:27

yajiv

2,9492 gold badges17 silver badges25 bronze badges

Comments

Jonas Wilms · Accepted Answer · 2018-03-16 19:26:28Z

0

You might wanna replace each word separately by splitting the string into an array of words and then replacing it:

  $("#inputBoxID").val((_, v) => v.split(" ").map(word => obj[word] || word).join(" "))

answered Mar 16, 2018 at 19:26

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

Collectives™ on Stack Overflow

Replacing any occurances of an object name with the object value

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related