console.log(change(12345.67)) function change(num) { var str = num....
JS手撕(六) trim、模板字符串、千分位分隔符 trim 去掉字符串两边的空格。...包括空格符、制表符、回车符、换行符等 |:a | b匹配a或 b $:匹配输入字符串的结束位置 测试: const str1 = ' 12 3'; const str2 = '12 3...replace方法的第二个参数可以是函数。...return templateStr.replace(reg, (match, p1) => { return data[p1]; }) } 实现千分位分隔符 这一段是战场小包的代码...fe-handwriting: 手写各种js Promise、apply、call、bind、new、deepClone….
前言 本文很简单,就是记录一下js对textarea换行符的处理。...调试 随便写一个textarea 整个调试如下图: 发现: textareaid里面的换行符可以通过indexOf获取 textareaid.value.indexOf(“\n”) 但是直接通过正则全局替换没有效果...如上图) textareaid.value.replace(‘/\n/g’,’;’) 但是单个替换可以替换到: textareaid.value.replace(‘\n’,’;’) “haorooms换行符测试...;haorooms换行符测试1 haorooms换行符测试2 haorooms换行符测试3″ textareaid.value.replace(‘\n’,’ ‘) “haorooms换行符测试 haorooms...换行符测试1 haorooms换行符测试2 haorooms换行符测试3″ 全局替换方案 如上图运行,全局替换一般用如下代码: textareaid.value.split(“\n”).join(“;
export function getMoney(data: string) { if (!data) return '0'; // 将数据分割,保留两...
前言:今天的内容是对js的部分基础内容过一遍,没有细细的去分析,只是一篇概要。...关键字,保留字 (一)标识符 标识符:就是指开发人员为变量,属性,函数,参数取的名字(自定义) 注意:标识符:不能是关键字或者保留字 (二)关键字 关键字:是指JS本身已经使用了的字,不能再把它充当变量名...,方法名。...js中常用的运算符有 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 算术运算符 概念:算术运算使用的符号,用于执行两个变量或值的算术运算。...变量等以能求得数值的有意义排列方法所得的组合 简单理解:是由数字、运算符、变量等组成的式子 递增和递减运算符概述 如果需要反复给数字变量添加或减去1。
>/g,'');//删除所有HTML标签 } //普通字符转换成转意符 function html2Escape(sHtml) { return sHtml.replace(/[&"]/g,function...(c){return {'':'>','&':'&','"':'"'}[c];}); } //转意符换成普通字符 function escape2Html
其实工作中还是会碰见这样的业务,后端接口返回的数据中,文本自带换行,但却不是从副文本拿出来的, 这个时候 就需要我们 找到 \n 字符 进行替换 这里注意不要 使用转义字符了 , 因为我们本身就是要 进行查找 特殊的换行符呢
这是JS 原生方法原理探究系列的第三篇文章。本文会介绍如何模拟实现 new 操作符。关于 new 的具体用法,MDN 已经描述得很清楚了,这里我们只做简单的介绍,具体的重点在于如何模拟实现。...new 操作符的规范 下面展示的所有规范都是 ES5 版本的,与现在最新的规范有些区别 首先看一下根据规范的描述, new 操作符做了什么事: ?...]] 方法里。...那么这个方法具体是做什么用的呢?...[[Constructor]] 的规范 在 JS 中,函数有两种调用方式,一种是正常调用,这将调用函数的内部方法 [[Call]],还有一种是通过 new 调用,此时的函数作为一个构造函数,这将调用函数的另一个内部方法
移位运算符是C++中常用的算术表达式 但是在前端和硬件通过蓝牙通信时我们也会经常用到 移位运算符在程序设计中,是位操作运算符的一种。...移位运算符可以在二进制的基础上对数字进行平移。...按照平移的方向和填充数字的规则分为三种: << //左移 >> //带符号右移 >>> //无符号右移 左移运算符(<<)规则 按二进制形式把所有的数字向左移动对应的位数,高位移出...1<<3 //等于 1*2³ 8 2<<3 //等于 2*2³ 16 右移运算符(>>)规则: 按二进制形式把所有的数字向右移动对应位移位数,低位移出(舍弃),高位的空位补符号位,即正数补零...10>>3 //等于 1 100>>3 //等于 12 无符号右移运算符规则: 按二进制形式把所有的数字向右移动对应位数,低位移出(舍弃),高位的空位补零。
var str = '大家好 去除制表符和换行\n发生的发生'; function fn(str) { var s = str.replace(/\t|\n|\
js三目运算符 js三目运算符的正常表达为 variable = boolean_expression ?...直接传入变量就是按照ToBoolean方法返回值确定true和false的。...ToBoolean方法返回值如下: 参考链接: http://lzw.me/pages/ecmascript/#209 http://www.w3school.com.cn/js/pro_js_operators_boolean.asp
最近要做数据处理,自定义了一些数据结构,比如Mat,Vector,Point之类的,对于加减乘除之类的四则运算还要重复定义,代码显得不是很直观,javascript没有运算符重载这个像C++、C#之类的功能的确令人不爽...,于是想“曲线救国”,自动将翻译代码实现运算符重载,实现思路其实很简单,就是编写一个解释器,将代码编译。...}else { throw op + '运算符无法识别' } } replace实现非常简单,不做过多解释,重要的部分是如何实现代码的编译。...简单描述一下流程: 1、分割表达式,提取变量和运算符获得元数组A 2、遍历元数组 如果元素是运算符加减乘除,则从堆栈中弹出上一个元素,转换为replace(last,操作符, 如果元素是‘)’,则从堆栈中弹出元素...,接下来就是如何使编写的代码被我们的翻译机翻译,也就是需要一个容器,两种方法:一种就是类构造器重新定义方法属性,另一种就是将代码作为参数传入我们自定义的方法。
ES5中的属性描述符是由Object类的一个静态方法defineProperty来设置的,该方法接收三个参数,分别是:属性操作的对象、属性名和一个属性描述符的对象。..._a; } }); obj.a = 4;//这里会调用set方法 console.log(obj.a);// 这里会调用get方法 打印16 set和get也可以定义在对象上,而不使用属性描述符..._a; } }; obj.a = 4;//这里会调用set方法 console.log(obj.a);// 这里会调用get方法 打印16 那么问题来了,如果同一次设置属性描述符中既有get和set...获取属性描述符,可以使用Object.getOwnPropertyDescriptor方法。 Object.getOwnPropertyDescriptor(obj,"a"); 3....批量设置多个属性描述符的时候,可以使用Object.defineProperties方法。
new运算符 在JavaScript中,new是一个语法糖,可以简化代码的编写,可以批量创建对象实例。...stuGroup = []; for(let i=0;i<10;++i){ stuGroup.push(new Student(i)); } console.log(stuGroup); new运算符的操作
对于较大数字,添加千分号可以方便快速地读出数值。千分号是指从最右边开始,每隔三位加个逗号。...在这里我们使用php实现数字格式化,数字每三位加逗号的功能函数,具体如下: number_format 摘自PHP官方文档(PHP 4, PHP 5) number_format — 以千位分隔符方式格式化一个数字..., string $thousands_sep = ',' ) 本函数可以接受1个、2个或者4个参数(注意:不能是3个): 如果只提供第一个参数, number 的小数部分会被去掉 并且每个千位分隔符都是英文小写逗号...如果提供两个参数, number 将保留小数点后的位数到你设定的值,其余同楼上 如果提供了四个参数, number 将保留decimals 个长度的小数部分, 小数点被替换为 dec_point ,千位分隔符替换为...thousands_sep 参数 number 你要格式化的数字 decimals 要保留的小数位数 dec_point 指定小数点显示的字符 thousands_sep 指定千位分隔符显示的字符
在JavaScript中,逻辑运算符可以操作ECMAScript中的任意值,同时也不强制返回boolean类型。 在js逻辑操作中,需要隐式的转换为boolean类型再计算。...使用场景: 1、||操作符最常用的方式是用来从一组备选表达式中选出第一个真值表达式。
while(cents.length<cent) cents = "0" + cents; if(isThousand) { // 对整数部分进行千分位格式化
Js中的位操作符 JavaScript的数字类型为双精度IEEE 754 64位浮点类型,但是在位运算中位运算符用于32位的数字上, 任何的数字操作都将转为32位, 运算结果再转化为Js数字类型。...描述 所有的按位操作符的操作数都会被转成补码形式的有符号32位整数,从概念上讲,按位逻辑操作符按遵守下面规则: 操作数被转换成32位整数,用比特序列(0和1组成)表示,超过32位的数字会被丢弃。...我们可以使用<<操作符来进行整数的* 2^n运算。...我们可以使用<<操作符来进行整数的/ 2^n运算。...我们可以使用<<操作符来进行整数的/ 2^n运算,注意不用于负数的运算。
js中的instanceof运算符 概述 instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上 语法 obj instanceof Object...;//true 实例obj在不在Object构造函数中 描述 instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。
首先说三目运算符, 语法 conditions ?...把statementA用小括号包起来即可,里面可以以逗号为分割符,执行多个语句 var a = 5; function abc() { console.log('我是方法abc') } function...(abc(),abc()):err(); 结果如下 我是方法err 我是方法abc 我是方法abc statementA 或 statementB 里面可以也可以放函数哦。...5 "boolean" 下面主要讨论下逻辑运算符&&和||。 几乎所有语言中||和&&都遵循“短路”原理,如&&中第一个表达式为假就不会去处理第二个表达式,而||正好相反。 js也遵循上述原则。...但是需要注意的一点:js中||和&&的特性帮我们精简了代码的同时,也带来了代码可读性的降低。这就需要我们自己来权衡了。 一方面精简js代码,能实质性的减少网络流量,尤其是大量应用的js公用库。
领取专属 10元无门槛券
手把手带您无忧上云