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, Dec 12 '20 at 11:40

score 2 · Accepted Answer · answered Dec 12 '20 at 11:48

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).

Using a function inside a Vue method

1 Answers1