JavaScript笔记
学习js
「已注销」
学习好难啊.只想做一条咸鱼!
展开
-
递归实现获取数字型数组中最大的前三位数字
let list = [32, 35, 123, 546, 2, 54,35]; // 定义数组list list=Array.from(new Set(list)); // 数组去重操作 let nums = []; const getMax = oldArr => { if (nums.length < 3) { let max = Math.max(...oldArr); // 获取传入数组中的最大数 ...原创 2020-11-16 19:15:42 · 586 阅读 · 0 评论 -
this指向了解
this指向解读:1.函数外面的this,即全局作用域的this指向window。2.函数里面的this总是指向直接调用者。如果没有直接调用者,隐含的调用者是window。3.使用new调用一个函数,这个函数即为构造函数。构造函数里面的this是和实例对象沟通的桥梁,它指向实例对象。4.箭头函数里面的this在它申明时确定,跟他当前作用域的this一样。5.DOM事件回调里面,this指向绑定事件的对象(currentTarget),而不是触发事件的对象(target)。当然这两个可以是一样的。如原创 2020-10-29 17:51:43 · 174 阅读 · 0 评论 -
Jquery入门小知识
1.jquery的使用使用jquery需要引入jquery文件 <script src="...文件路径"></script> <script> ...jquery格式的代码 </script>2.jquery的入口函数以及基础语法基础语法: $(选择器).执行的动作(动作执行的方法) 例如: $(document).ready(function(){ ...需要执行的jquery代码原创 2020-10-12 11:26:41 · 304 阅读 · 0 评论 -
JavaScript数组高级语法及其使用
1.map方法为数组中的每一个元素依次执行回调函数,调用该方法会返回一个新的数组(即不会影响改变原始数组内容),新数组中的元素为原始数组元素调用函数经过处理后的值 语法: array.map(function(curValue,index,arr){ ...执行内容 },thisValue) curValue:必须参数,当前数组元素的值 index :可选参数,当前数组元素的下标值 arr :可选参数,调用map方法的数组对原创 2020-10-12 11:09:40 · 278 阅读 · 0 评论 -
如何判断一个数组对象中是否存在某个对象
通过ES6中的数组操作方法some进行判断.const flag=数组名.some((item)=>{ if(item.指定属性===需要判断的属性)return true;})// 通过返回的布尔类型进行相应的处理if(flag){ // 如果存在该对象 ....}else{ // 不存在该对象 ....}例如:const flag = Enums.card_list.some((item) => { if (item.title === values.t原创 2020-10-12 10:58:25 · 2889 阅读 · 0 评论 -
原生javascript实现鼠标拖拽
<div id="app"> <div class="box"></div> safsafa </div><style> * { padding: 0; margin: 0; } .box { width: 100px; height: 100px; position: absolute;原创 2020-10-12 13:38:17 · 135 阅读 · 0 评论 -
递归实现字符串指定字符替换
根据指定被替换的字符,在指定字符串中进行查询替换为新的字符.function getStr(oldStr,value,newValue){ if(oldStr.includes(value)===true){ // 判断指定字符串中是否存在指定字符 let newStr=oldStr.replace(value,newValue); // 进行字符替换 return getStr(newStr,value,newValue); // 递归使用,调用自身,进行多次判断使用 } return o原创 2020-09-30 09:43:58 · 706 阅读 · 0 评论 -
正则表达式校验使用
正则表达式使用正则表达式可以用于数据校验/*是否带有小数*/function isDecimal(strValue ) { var objRegExp= /^\d+\.\d+$/; return objRegExp.test(strValue); } /*校验是否中文名称组成 */function ischina(str) { var reg=/^[\u4E00-\u9FA5]{2,4}$/; /*定义验证表达式*/ return reg.t原创 2020-10-12 13:38:35 · 501 阅读 · 0 评论 -
javascript实现数字千位逗号分隔(xxx,xxxx)
通过正则表达式进行转换function sep2(n) { let str = n.toString() str.indexOf('.') < 0 ? str += '.' : void 0 return str.replace(/(\d)(?=(\d{3})+\.)/g, '$1,').replace(/\.$/, '')}转载 2020-09-03 15:13:20 · 241 阅读 · 0 评论 -
JavaScript事件对象(event)
event(事件对象)详解1.事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. 事件通常与函数结合使用,函数不会在事件发生...转载 2020-10-21 13:39:19 · 156 阅读 · 0 评论