JS
JavaScript相关内容
jiuyehengxia
You can walk as far as you want.
展开
-
循环中break, continue和return的使用对比
一. break: 终止指定label的循环; 无指定label时终止当前循环;二. continue: 跳过指定label循环中的一步,执行下一步; 无指定label时终止当前循环中的一步, 执行下一步;三. return: 在函数中使用, 终止函数的执行;...原创 2020-01-19 14:00:27 · 176 阅读 · 0 评论 -
indexOf和findIndex在数组和字符串中的使用对比
一. indexOf: 1, 数组和字符串都有该方法; 2, 语法: arr.indexOf( item, startPos ); 使用严格相等, startPos为查找起始位置; 3, 返回值: 找到时, 返回第一个item索引; 若无, 返回 -1; 二. findIndex: 1, 仅数组有该方法, 字符串没有; 2, 语法: arr.findIn...原创 2020-01-19 13:52:28 · 943 阅读 · 0 评论 -
JS中内置对象Math和Number的一些方法
Math内置对象1, 求num平方根: Math.sqrt(num); (square root: 平方根)2, num的n次方: Math.pow(num, n); (power: 幂)Number内置对象1, 可表示的最大数: Number.MAX_VALUE;2, 可表示的最小数: Number.MIN_VALUE; ...原创 2020-01-09 20:30:25 · 173 阅读 · 0 评论 -
数组中splice, slice, delete和concat方法的比较
splice(): 1, 返回值: 返回被修改内容的数组; 2, 是否修改原数组: 是; 3, 参数: splice(start, deleteCount, addItem1, addItem2, ...); 4, 参数说明: start, 起始位置; deleteCount, 删除的数量(缺省时, start位置之后全部截取); ...原创 2020-01-09 20:25:16 · 218 阅读 · 0 评论 -
apply, bind和call三者共同点和区别
共同点: 三者均是用来修改函数中this对象的指向, 都可以传递参数, 第一个参数为this指向的对象;不同点: 1, apply()和call()均是修改this指向对象后直接调用函数, 而bind()方法返回函数仍需再次调用(bind(obj)( )); 2, 传参不同, apply()方法传参为数组, bind()和call()直接传参即可;...原创 2020-01-02 19:09:12 · 296 阅读 · 0 评论 -
JS中sort方法
升序:arr.sort((a, b) => a - b)降序arr.sort((a, b) => b - a)对象升序arr.sort((a, b) => {return (a.index - b.index)});原创 2020-01-02 18:55:34 · 98 阅读 · 0 评论 -
箭头函数箭头后面使用(), 还是({}), 还是什么括号都不适用
一. 使用()的情况: list.map(item=>(<WriterContentWrap>内容</WriterContentWrap>) 等同于: list.map(item=>{return(<WriterContentWrap>内容</WriterContentWrap>)})箭头后面跟的是JSX表达式时...原创 2019-12-27 16:56:40 · 3234 阅读 · 0 评论 -
ES6中export和export default的区别
相同点:1, 必须出现在最顶层作用域中;2, 都是用来导出常量, 函数, 文件和模块等;不同点:export(命名导出):1, 一个模块中可以存在多个export;2, 导出多个对象时需要使用{ }进行包裹;3, 导入名须同导出名保持一致;export default(默认导出):1, 一个模块中只能有一个export default; 2, 一般使用export d...原创 2019-12-19 17:41:11 · 137 阅读 · 0 评论 -
JS中使用正则表达式提取数字
使用replace(/[^0-9]/ig,"")将所有字符转换为空, 剩余只含数字的字符串, 然后再转换成数值类型就可以了,如下: let str = "jslfj560jasldf"; let newStr = +(str.replace(/[^0-9]/ig,"")); console.log(newStr); //560 console.lo...原创 2019-12-16 17:22:41 · 5061 阅读 · 0 评论 -
在JS中使用修改CSS样式的相关方法和问题点
基本方法:使用document.getElementById等方法获取到DOM元素, 然后直接设置其CSS样式:let Box = document.getElementById(‘root’);Box.style.background=“red”;注意点:JS中不能直接使用float, 而需要使用styleFloat...原创 2019-12-16 09:35:46 · 79 阅读 · 0 评论 -
JS中一般规范
一般在JavaScript中用作常量的变量需大写表示;使用双层箭头函数传值时,外层传递进来的值可以直接使用,无需中间再传一次,如下(删除 index 是非必须的):renderItem = {(item, index) => <List.Item onClick = {(index ) => {this.props.handleItemClick(index)}}>...原创 2019-12-13 16:00:58 · 78 阅读 · 0 评论 -
ES6,7,8...新增语法
字符串一.检索类主要有 startsWidth, endsWidth, includes三个.使用方法:str.startsWidth('target'); 返回true或false, endsWidth 、endsWidth相同;str.startsWidth('target', position);返回true或false, endsWidth、endsWidth相同;注意点: 使...原创 2019-12-13 08:48:04 · 106 阅读 · 0 评论 -
位运算符
种类JS中位运算符一共七种, 分别是: 按位非(~),使用及用途一.按位非(~):用法:let num1 = 25;let num2 = ~num1;alert(num2); // -26作用: 本质上是操作符的负值减1;二. 按位于(&):用法:let res = 25 & 3;console.log(res) //1作用: 两个数值的对应位都是...原创 2019-11-28 14:26:11 · 67 阅读 · 0 评论