Conventional JS processing functions for Vue Element front-end application development

const nums = [10,20,30,111,222,333]
let newNums = nums.filter(function(n){
    return n<100
})

const nums = [10,20,30,111,222,333]
let newNums = nums.map(function(n){
    return n*2
})

const nums = [10,20,30,111,222,333]
let newNums = nums.reduce(function(preValue,n){
    return PreValue+n
},0)

const nums = [10,20,30,111,222,333]
let newNums = nums.filter(function(n){
    return n<100
}).map(function(n){
    return n*2
}).reduce(function(preValue,n){
    return preValue+n
},0)

var Array = [1,2,3,4,5,6,7];
 var result = Array.find(function(value){
     return value > 5; //condition});
 console.log(result); //6
 console.log(Array); //[1,2,3,4,5,6,7]

const req = require.context('vue-awesome/icons', true, /\.js$/)
const requireAll = requireContext => requireContext.keys()

const re = /\.\/(.*)\.js/

const vueAwesomeIcons = requireAll(req).filter((key) => { return key.indexOf('index.js') < 0 }).map(i => {
  return i.match(re)[1]
})

export default vueAwesomeIcons

// This menu data is generally returned by the server export const asyncMenus = [
  {
    id: '1',
    pid: '-1',
    text: 'Homepage',
    icon: 'dashboard',
    name: 'dashboard'
  },
  {
    id: '2',
    pid: '-1',
    text: 'Product Information',
    icon: 'table',
    children: [
      {
        id: '2-1',
        pid: '2',
        text: 'Product Display',
        name: 'product-show',
        icon: 'table'
      }]
  },
  {
    id: '3',
    pid: '-1',
    text: 'Miscellaneous Management',
    icon: 'example',
    children: [
      {
        id: '3-1',
        pid: '3',
        text: 'Icon Management',
        name: 'icon',
        icon: 'example'
      },
      {
        id: '3-3',
        pid: '3',
        text: 'Tree function display',
        name: 'tree',
        icon: 'tree'
      },
      {
        id: '3-2',
        pid: '3',
        text: 'Secondary Menu 2',
        icon: 'tree',
        children: [
          {
            id: '3-2-2',
            pid: '3-2',
            text: 'Level 3 menu 2',
            name: 'menu1-1',
            icon: 'form'
          }
        ]
      }
    ]
  }
]

// Get the corresponding menu object according to the menu id FindMenuById(menuList, menuid) {
      for (var i = 0; i < menuList.length; i++) {
        var item = menuList[i];
        if (item.id && item.id === menuid) {
          return item
        } else if (item.children) {
          var foundItem = this.FindMenuById(item.children, menuid)
          if (foundItem) { // Only return foundItem if found
          }
        }
      }
    }

return this.FindMenuById(item.children, menuid)

var foundItem = this.FindMenuById(item.children, menuid)
  if (foundItem) { // Only return foundItem if found
  }

// Import global filters import * as filters from './filters'
// Register global filterObject.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

// Get the product type for binding dictionaries, etc. GetProductType().then(data => {
      if (data) {
        this.treedata = []; // Clear the tree list data.forEach(item => {
          this.productTypes.set(item.id, item.name)
          this.typeList.push({ key: item.id, value: item.name })

          var node = { id: item.id, label: item.name }
          this.treedata.push(node)
        })

        // Get list information this.getlist()
      }
    });

// Use the dictionary type to request data from the server GetDictData(this.typeName).then(data => {
        if (data) {
          data.forEach(item => {
            if (item && typeof (item.Value) !== 'undefined' && item.Value !== '') {
              that.dictItems.push(item)
            }
          });
        }
      })

var param = { id: id }
GetProductDetail(param).then(data => {
	Object.assign(this.editForm, data);
})

// Construct regular paging query conditions var param = {
        type: this.producttype === 'all' ? '' : this.producttype,
        pageindex: this.pageinfo.pageindex,
        pagesize: this.pageinfo.pagesize
      };

      // Add the SearchForm conditions to param and submit the query param.type = this.searchForm.ProductType // Convert to the corresponding attribute Object.assign(param, this.searchForm);

arrayObject.slice(start,end)

let red = parseInt(color.slice(0, 2), 16)
let green = parseInt(color.slice(2, 4), 16)
let blue = parseInt(color.slice(4, 6), 16)

vueAwesomeIconsFiltered: function() {
  const that = this
  var list = that.vueAwesomeIcons.filter(item => { return item.indexOf(that.searchForm.label) >= 0 })
  if (that.searchForm.pagesize > 0) {
    return list.slice(0, that.searchForm.pagesize)
  } else {
    return list;
  }
}