Using a function inside a Vue method

Question

How can I write a function instead of this Replace snippet and use it inside my checkAnswer method?

    methods: {

    checkAnswer: function () {

    this.quiz.userInputArray = this.quiz.userAnswerArray.replace('Ğ','g')
      .replace('Ü','u')
      .replace('Ş','s')
      .replace('I','i')
      .replace('ç','c');
    }

I want to be able to use it code like this:

this.quiz.userInputArray = this.quiz.userAnswerArray.replaceFunc()

you could do this.quiz.userAnswerArray.map(ans=>ans.replace().replace()) — Boussadjra Brahim
– Boussadjra Brahim, Commented Dec 12, 2020 at 11:40

Helper function · Accepted Answer · 2020-12-12 11:48:17Z

2

you can create another method called replaceFunc

methods: {
 replaceFunc(arr){
    return arr.replace('Ğ','g')
     .replace('Ü','u')
     .replace('Ş','s')
     .replace('I','i')
     .replace('ç','c');
 },

 checkAnswer(){
    this.quiz.userInputArray = this.replaceFunc(this.quiz.userAnswerArray);
 }
}

Otherwise, if you insist on calling replaceFunc like this this.quiz.userAnswerArray.replaceFunc(), then you can read about adding custom properties to Array.prototype which is considered a bad practice (adding custom functions into Array.prototype).

answered Dec 12, 2020 at 11:48

Helper function

2301 silver badge3 bronze badges

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

Collectives™ on Stack Overflow

Using a function inside a Vue method

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related