js----字典实现

// 字典

function Dictionary() {
  this.dataStore = new Array()
}

Dictionary.prototype = {
  constructor: Dictionary,

  // 添加元素
  add: function (key, value) {
    this.dataStore[key] = value
  },

  // 查找元素
  find: function (key) {
    return this.dataStore[key]
  },

  //删除元素
  remove: function (key) {
    let flag = false
    if (delete this.dataStore[key]) {
      flag = true
    }
    return flag
  },
  //显示所有元素
  showAll: function () {
    Object.keys(this.dataStore).forEach((key) => {
      console.log(key + "-->" + this.dataStore[key])
    })
  },
  //  计算数组长度
  count: function () {
    let count = 0
    Object.keys(this.dataStore).forEach(() => {
      count++
    })
    return count
  },
  // 清除所有元素
  clear: function () {
    Object.keys(this.dataStore).forEach((key) => {
      delete this.dataStore[key]
    })
  },
}

// let pBook = new Dictionary()
// pBook.add("mike", "123")
// pBook.add("nike", "5555")
// pBook.showAll()
// console.log(pBook.count())
// console.log(pBook.clear())
// pBook.showAll()
// console.log(pBook.dataStore.length)

// 计算字符串单词出现次数并加入字典中
var str = "the brown fox jumped over the blue fox"
let dictionary = new Dictionary()
function countTimes(str, dictionary) {
  let strArray = str.split(" ")
  // console.log(strArray)
  let newArr = countedTimes(strArray)
  let keys = Object.keys(newArr)
  keys.forEach((item) => {
    dictionary.add(item, newArr[item])
  })
}
countTimes(str, dictionary)
dictionary.showAll()

//
function countedTimes(arr) {
  var countedNames = arr.reduce((newArr, key) => {
    // 如果key已经存在新数组中,就让值+1
    if (key in newArr) {
      // 计算出现次数
      newArr[key]++
    } else {
      newArr[key] = 1
    }
    return newArr
  }, [])
  return countedNames
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用 `vue-element-admin` 框架时,可以通过 `vue-i18n` 插件来实现国际化,同时也可以将字典数据封装成组件,方便在不同页面和组件复用。 以下是实现字典数据封装的一般步骤: 1. 在 `src/lang` 目录下创建字典文件,例如 `zh.js` 和 `en.js`,并在文件定义字典数据: ```javascript // zh.js export default { dict: { yes: '是', no: '否' } } // en.js export default { dict: { yes: 'Yes', no: 'No' } } ``` 2. 在 `src/lang/index.js` 文件引入字典文件,并将字典数据注入到 `vue-i18n` 插件: ```javascript import Vue from 'vue' import VueI18n from 'vue-i18n' import zh from './zh' import en from './en' Vue.use(VueI18n) const messages = { zh: { ...zh }, en: { ...en } } const i18n = new VueI18n({ locale: 'zh', messages }) export default i18n ``` 3. 创建字典组件 `Dict`,并在组件使用 `vue-i18n` 插件来获取字典数据: ```vue <template> <span>{{ dict[label] }}</span> </template> <script> export default { name: 'Dict', props: { label: { type: String, required: true } }, computed: { dict() { return this.$i18n.messages[this.$i18n.locale].dict } } } </script> ``` 4. 在需要使用字典的页面或组件,使用 `Dict` 组件并传入需要翻译的标签: ```vue <template> <div> <p>{{ $t('dict.yes') }}</p> <p>{{ $t('dict.no') }}</p> <Dict label="yes" /> <Dict label="no" /> </div> </template> <script> import Dict from '@/components/Dict' export default { name: 'Example', components: { Dict } } </script> ``` 这样,就可以在页面或组件通过 `Dict` 组件来获取字典数据,实现字典数据的封装和复用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值