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

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">

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

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(" "))

Collectives™ on Stack Overflow

Replacing any occurances of an object name with the object value

3 Answers 3

4 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Related