VS Code

Decode / Encode HTML entities

<script>
export default {
  methods: {
    decodeHTMLEntities(text) {
      const textArea = document.createElement('textarea')
      textArea.innerHTML = text
      return textArea.value
    },
    encodeHTMLEntities(text) {
      const textArea = document.createElement('textarea')
      textArea.innerText = text
      return textArea.innerHTML
    },
  },
}
</script>
<template>
  <div>
    {{ decodeHTMLEntities('&#9986;') }}
  </div>
</template>

Export modules

Get data from hand...

module.exports = {
  getData: (param) => {
    // Do something
    return myVar
  }
}

...manage data in other hand

const myConfig = require('./config/config-file')
useData() {
 let data = myConfig.getData()
}

async in loop

Source : stackoverflow.com/questions/using-async-await-with-a-foreach-loop by Bergi

Sure the code does work, but I'm pretty sure it doesn't do what you expect it to do. It just fires off multiple asynchronous calls, but the printFiles function does immediately return after that.

Reading in sequence

If you want to read the files in sequence, you cannot use forEach indeed. Just use a modern for … of loop instead, in which await will work as expected:

async function printFiles() {
  const files = await getFilePaths()
  for (const file of files) {
    const contents = await fs.readFile(file, 'utf8')
    console.log(contents)
  }
}

Reading in parallel

If you want to read the files in parallel, you cannot use forEach indeed. Each of the async callback function calls does return a promise, but you're throwing them away instead of awaiting them. Just use map instead, and you can await the array of promises that you'll get with Promise.all:

async function printFiles() {
  const files = await getFilePaths()
  await Promise.all(files.map(async (file) => {
    const contents = await fs.readFile(file, 'utf8')
    console.log(contents)
  }))
}

Shuffle

function shuffle(a) {
  let j, x, i
  for (i = a.length - 1; i > 0; i--) {
    j = Math.floor(Math.random() * (i + 1))
    x = a[i]
    a[i] = a[j]
    a[j] = x
  }
  return a
}

Replace switch with Object Literal

function getDrink(type) {
  const drinks = {
    coke: 'Coke',
    pepsi: 'Pepsi',
    lemonade: 'Lemonade',
    default: 'Default item'
  }
  return `The drink I chose was ${drinks[type] || drinks.default}`
}
const drink = getDrink('coke')
// The drink I chose was Coke
console.log(drink)
Table of Contents