美文网首页
JavaScript实用技术点总结

JavaScript实用技术点总结

作者: skyfiring | 来源:发表于2019-12-03 14:53 被阅读0次
1. 数组去重
let a = [null,undefined,1,null,undefined,1,3,3,'1111','444','1111',true,false,false];
let b = [ ...new Set(a) ];
console.log(b);    // [null, undefined, 1, 3, "1111", "444", true, false]
2. 字符串中变量的全局替换
let varItem = [
    {
        code: 'KHMC',
        title: '客户名称'
    },
    {
        code: 'CPMC',
        title: '产品名称'
    }
];
let msg = '我的${产品名称}是根据${客户名称}定义的${产品名称}';
varItem.forEach(i => {
    let newReg = eval('\/\\$\\{'+i.title+'\\}\/');
    msg = msg.replace(new RegExp(newReg,'g'),'${'+i.code+'}');
});
console.log(msg);    // "我的${CPMC}是根据${KHMC}定义的${CPMC}"
3. 数组对象属性排序
let obj = [{age:1},{age:2},{age:10},{age:11},{age:5},{age:99},{age:7}];
function compare(property){
    return function(a,b){
        let value1 = a[property];
        let value2 = b[property];
        return value1 - value2;
    }
}
let newObj = obj.sort(compare('age'));
console.log(newObj);    // [{a:1},{a:2},{a:5},{a:7},{a:10},{a:11},{a:99}];

相关文章

  • JavaScript实用技术点总结

    1. 数组去重 2. 字符串中变量的全局替换 3. 数组对象属性排序

  • 2019-04-24

    JavaScript简单知识点总结

  • 2021前端面试

    174道JavaScript 面试知识点总结(下) [Vue中文社区](javascript:void(0);) ...

  • VIM实用技术总结

    vim主要是编辑文字。所以按照文档编辑修改的思路来整理,算是自己学习的简记。 输入文字 输入文字是很简单的工作,主...

  • 短小精悍的javascript基础知识点

    注:本文所有知识点总结或摘抄自廖雪峰javascript教程,点击查看更详细的讲解。 1.javascript简介...

  • JavaScript Array 对象方法总结

    类似文章推荐:JavaScript String 对象方法总结JavaScript Object 对象方法总结Ja...

  • JavaScript易错点总结

    1、Boolean和Number运算 2、数组差值时的map陷阱 想象一下你有这样的代码: a)这会导致崩溃吗? ...

  • JavaScript知识点总结

    1.JAVA Script组成部分ECMAScript:它是整个javascript的核心,包含基本语法、变量、关...

  • JavaScript知识点总结

    1. JavaScript是作用于网络和HTML的一个编程语言。 2. JavaScript代码必须放在标签之间,...

  • JavaScript知识点总结

    JS概述 javscript : 1、ECMAScript js语法:标识符,关键字、变量、表达式、运算符、分支...

网友评论

      本文标题:JavaScript实用技术点总结

      本文链接:https://www.haomeiwen.com/subject/rbvcgctx.html