Breaking News: Grepper is joining You.com. Read the official announcement!

javascript masking

Restu Wahyu Saputra answered on September 7, 2023 Popularity 6/10 Helpfulness 2/10

answer javascript masking

related javascript masking

javascript masking

Comment

const passwordFields = ['password', 'secret', 'secretkey']
const cardFields = ['cardnumber', 'cvc', 'authenticationcode', 'authorizationcode']

class MaskHelperClass {
  maskFields: (json: Object) => any = json => {
    this.deepReplace(json, passwordFields, this.maskPassword)
    this.deepReplace(json, cardFields, this.maskCardNumber)
    return json
  }

  maskPassword: (password: string) => string = password => {
    const maskPasswordLength = password.length > 16 ? 16 : password.length
    return `*`.repeat(maskPasswordLength)
  }

  maskCardNumber: (card: string) => string = card => {
    card = (card + '').trim()

    const options = {
      maskWith: '*',
      unmaskedStartDigits: 6,
      unmaskedEndDigits: 4,
    }
    if (options.unmaskedStartDigits + options.unmaskedEndDigits >= card.length) {
      return '*'.repeat(card.length)
    }

    let maskedCard = ''
    for (let i = 0; i < options.unmaskedStartDigits; i++) {
      maskedCard += card[i]
    }

    for (let i = options.unmaskedStartDigits; i < card.length - options.unmaskedEndDigits; i++) {
      if (isNaN(parseInt(card[i]))) {
        maskedCard += card[i]
      } else {
        maskedCard += options.maskWith
      }
    }
    for (let i = card.length - options.unmaskedEndDigits; i < card.length; i++) {
      maskedCard += card[i]
    }
    return maskedCard
  }

  deepReplace = (x: any, targetKeys: string[], replaceWith: (v: any) => any) => {
    if (Array.isArray(x)) {
      x.forEach(x => this.deepReplace(x, targetKeys, replaceWith))
    } else if (typeof x === 'object') {
      for (const key in x) {
        if (targetKeys.includes(key.toLowerCase())) x[key] = replaceWith(x[key])
        if (typeof x[key] === 'object') {
          this.deepReplace(x[key], targetKeys, replaceWith)
        }
      }
    }
  }

  maskPhoneNumber = (phoneNumber: string): string => {
    if (typeof phoneNumber !== 'string' || phoneNumber.length === 0) {
      return phoneNumber
    }

    const numToMask: number = Math.min(5, phoneNumber.length)
    const middleMasked: string = '*'.repeat(numToMask)

    const firstMasked: string = phoneNumber.substring(0, numToMask - 1)
    const lastMasked: string = phoneNumber.substring(9)

    return firstMasked + middleMasked + lastMasked
  }
}

const MaskHelper = new MaskHelperClass()

export default MaskHelper

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript masking

Link to this answer
Share Copy Link

Contributed on Sep 07 2023

Restu Wahyu Saputra

0 Answers Avg Quality 2/10

Closely Related Answers

javascript masking

Comment

export class Masking {
  static email(email: string): string {
    const [username, domain] = email.split('@')
    const numStars: number = Math.abs(Math.floor(username.length / 2))
    let maskedUsername: string = ''

    if (username.length <= numStars) {
      maskedUsername = '*'.repeat(username.length) + username.slice(-2)
    } else {
      maskedUsername = username.slice(0, -numStars) + '*'.repeat(numStars - 1) + username.slice(-1)
    }

    return `${maskedUsername}@${domain}`
  }

  static mobile(mobile: string): string {
    const numStars: number = Math.abs(Math.floor(mobile.length / 2))
    return mobile.slice(0, 4) + String('*').repeat(numStars) + mobile.slice(-4)
  }
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript masking

Link to this answer
Share Copy Link

Contributed on Apr 13 2024

Restu Wahyu Saputra

0 Answers Avg Quality 2/10

javascript masking

Contents

More Related Answers

javascript masking

Closely Related Answers

javascript masking

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.