Js中fetch方法 fetch()方法定义在Window对象以及WorkerGlobalScope对象上,用于发起获取资源的请求,其返回一个Promise对象,这个Promise对象会在请求响应后被resolve...window.fetch("https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js") .then(res => console.log(res...Headers.delete(): 从Headers对象中删除指定header。 Headers.entries(): 以迭代器的形式返回Headers对象中所有的键值对。...Headers.get(): 以ByteString的形式从Headers对象中返回指定header的全部值。...Headers.has(): 以布尔值的形式从Headers对象中返回是否存在指定的header。 Headers.keys(): 以迭代器的形式返回Headers对象中所有存在的header名。
js中有深拷贝和浅拷贝两种复制形式,下面总结一下常用方法,方便平时工作复习使用 一、浅拷贝 1、json对象浅拷贝 var newObj = JSON.parse(JSON.stringify( someObj...*/ 二、深拷贝 1、借助lodash的merge方法 import merge from "lodash/object/merge"; function commentsById(state = {...2 map2.get('b') // 50 尽量保持数据 4、jquery的$.extend() 如果没有第一个参数则为浅拷贝 $.extend(true, {}, obj) 5、JSON对象的方法...var obj2 = JSON.parse(JSON.stringify(obj1)) 熟悉js的人对这两个方法肯定不陌生,利用原生JSON对象的两个可以非常方便地实现对象的深复制。...这种方法也有弊端: 只能复制能用json表示的属性,比如String、Number、Array等,对于不能用json表示的属性例如Function、Regexp等则会丢失 对象的原型链丢失 复制效率较低
首先先看下Java中的Collections.sort()排序方法: Collections是一个工具类,sort是其中的静态方法,是用来对List类型进行排序的,它有两种参数形式: public...Comparable 接口中的 compareTo(Student o) 方法 返回值意思相同。... int compare(Student o1, Student o2) { return o1.getId() - o2.getId(); } }); 根据Mapval...>中的key排序map,排序完成后放进linkedHashMap中,也可以放在List中,因为map的话,返回到前端顺序会乱。 ...tmpEntry.getKey(), tmpEntry.getValue()); } } return sortedMap; } 根据val
JS中的数组方法总结 Array.push() 向数组的末尾添加一个或者多个元素,并返回新的长度 let arr =[1,2,3]; console.log(arr.push(6)) //打印结果为...该方法还可以操作字符串和substring()功能一样 let arr = [1,2,3,4] console.log(arr.slice(1,3)) //打印结果 [2,3] console.log...(arr) //打印结果 [1,2,3,4] Array.concat(arr1,arr2) 连接2个或者更多的数组,并返回连接后的新数组,该方法不会改变原数组 let arr1 = [1,2,3...,arr.sort(fn(second,fitst)),该方法会改变原数组 let arr = [2,1,3] console.log(arr.sort((a,b)=>{ return a-b })...) //结果 2 Array.findIndex() 返回数组中符合条件的第一个元素的下标,若数组中没有元素符合要求则返回-1,不改变原数组 let arr = [1,2,3] console.log
一、reduce 方法 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。...也就是说,这个累加器会从第一个累加值开始,不断对累加值和数组中的后续元素调用该累加器,直到数组中的最后一个元素,最后返回得到的累加值。...total = items.reduce(reducer, { sum: 1 }); console.log(total); // {sum: 1111} ③ 多维度的数据叠加 使用 reduce 方法可以完成多维度的数据叠加...如上例中的初始值 {sum: 0},这仅仅是一个维度的操作,如果涉及到了多个属性的叠加,如 {sum: 0,totalInEuros: 0,totalInYen: 0},则需要相应的逻辑进行处理 在下面的方法中...,采用分而治之的方法,即将 reduce 函数第一个参数 callback 封装为一个数组,由数组中的每一个函数单独进行叠加并完成 reduce 操作。
JavaScript中的math 对让我们能够对执行一些数学操作。 它具有数学常数和函数的属性和方法。 在今天的文章中将介绍 Math对象的一些有用方法。 1....Math.min() Math.min()是 js 数学库中的函数,用于将所有传递的值中的最小值返回给该方法。...Math.max() Math.max()方法可返回两个指定的数中带有较大的值的那个数。 Math.max(0, 150, 30, 20, -8, -200) // 150 3.
文章作者:Tyan 博客:noahsnail.com | CSDN | 简书 本文主要介绍如何使用jQuery中的html(),text()和val()三种方法,用于读取、修改元素的html...1. html方法 不带参数的html方法 在html方法不带参数的情况下,取得的是html内容。...val方法 不带参数的val方法 html页面代码: jquery代码: console.log($('#test').val());...结果:Hello 带参数的val方法 jquery代码: $('#test').val('Test'); 结果: 总结:html方法可以获取...(修改)控件的文本,也可以获取(修改)控件内嵌套的html元素,text方法主要是用来获取控件(修改)的文本,而val方法主要是针对具有value属性的控件,可以获取(修改)控件的value值。
---在JavaScript中,有几种常用的方法可以用来遍历对象:for...in循环使用for...in循环可以遍历一个对象中的所有可枚举属性。它会将属性名逐个赋值给循环变量,并执行循环体内的代码。...for (let key in obj) { if (obj.hasOwnProperty(key)) { console.log(key, obj[key]); }}在遍历过程中,属性名会被赋值给循环变量...你可以选择其中一种方法根据需要遍历对象的属性。Object.keys()方法结合forEach()循环Object.keys(obj)会返回一个包含对象自身可枚举属性的数组。...我们可以使用forEach()方法来遍历这个数组,并对每个属性进行操作。...我们可以使用forEach()方法来遍历这个数组,并对每个属性进行操作。
无参调用: 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串以便进行比较。...带参调用: 如果想要自己规定排序方式,就需要在sort()方法中提供一个比较函数,该函数要比较两个值即有两个形参a 和 b,函数执行时浏览器会将数组中的元素依次作为实参传入,返回一个用于说明这两个值的相对顺序的数字...sort()方法会根据函数返回值来进行数组元素的交换。返回值如下: 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。 若 a 等于 b,则返回 0。...三.对sort(sortby)方法的理解: sort()方法主要依靠其回调函数来进行排序,回调函数中需要两个参数,在执行sort()方法时会调用回调函数,这时会将调用sort()方法的数组中的元素作为实参两两依次作为回调函数实参传入...以上是关于JS中sort函数的小结,后续遇到新的问题再继续更新!
JS中的字符串方法总结 charAt(i) 将字符串中下标为 i 的字符返回,下标从0开始。...编码转换为字符串返回 console.log(String.fromCharCode(97,98,99)) // ‘abc’ str.indexOf(start) 查询一个字符或一段字符串在总字符串中第一次出现的下标位置...let zz = /.png$/ let str = ‘logo.png’ console.log(str.search(zz)) // 4 str.slice(参数1,参数2) 提取字符串中的某个部分.../ [‘hell’,’ w’,‘rld’] console.log(str.split(‘o’,2)) // [‘hell’,’ w’] substr(start,[length]) 从字符串中抽取从...用于提取两个下标之间的字符(不包括end) let str = ‘hello world’ console.log(str.substring(2,3)) // ‘l’ toLowerCase() 将字符串中的字母变为小写
JS中的call()和apply()方法 1、方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,...4 } 5 function sub(a,b) 6 { 7 alert(a-b); 8 } 9 10 add.call(sub,3,1); 这个例子中的意思就是用...add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4); // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用...= new Cat("Black Cat"); 13 cat.showName(); Animal.call(this) 的意思就是使用 Animal对象代替this对象,那么 Cat中不就有...18 { 19 Class10.call(this); 20 Class11.call(this); 21 } 很简单,使用两个 call 就实现多重继承了 当然,js
invoiceID: "BBB", invoiceCode: "BBB222", invoiceNumber: "22222", invoiceType: 1, totalPriceTax: 27} ]; 数组中某列值拼接成字符串...this.currentRow.invoiceCode = data .map((obj: any) => { return obj.invoiceCode; }) .join(','); 数组中某列值累加
给大家分享一个用原生JS编写的拖拽及拖拽方法继承的 小Demo,代码如下。 原生JS...中的拖拽方法继承 #div1 { width: 100px; height: 100px;...}; window.onload = function () { // div1在拖动过程中没有边界限制...new Drag('div1'); // div2在拖动过程中通过将方法改写加上边界限制 new LimitDrag('div2
// 对象里的方法写的是箭头函数,this始终访问全局 var name = "xiaoming"; var obj1...let getName11 = obj1.getName.bind(obj1); getName11(); // xiaoming // 对象的方法写的...function 声明,直接调用 this 指向对象本身,将调用的方法单独保存起来调用,this 指向全局,通过bind 改写 this 指向后,可以继续指向 对象本身 var
在 JavaScript 中, 可以使用以下代码来读取 cookie: var x = document.cookie; cookie 的操作,添加,修改,删除等,没有提供对应的方法,需要自己去处理document.cookie...中的字符串。...,其中提供了许多操作Cookie的方法: //创建一个Cookie,属性默认 Cookies.set('password', '123456'); //创建一个Cookie,设置属性:有效天数,path...中的API的使用和jQuery Cookie是非常类似的,参数列表基本一致,因此使用起来也是上手很快。...总结: jQuery Cookie、js-cookie的使用方法,两者的使用非常类似,大家也可以根据自己的喜欢来选择,无论哪种,都会比原生的js要方便。
介绍:call与apply都属于Function.prototype的一个方法,所以每个function实例都有call、apply属性 1.改变函数内部的this指向: // 有一个局部的test2...方法, // test2被作为普通函数调用时, // test2内部的this指向了window, // 但我们往往是想让它指向该#test节点,见如下代码: document.querySelector
改变原数组的方法 1. push( ) :数组的尾部添加一个或多个元素 并返回新的长度 // Base var arr = [123, 'hello', true, function
js中matchAll()方法的使用 说明 1、matchAll()方法返回一个包含所有匹配正则表达式和分组捕获结果的遍历器。 2、因为返回的是遍历器,所以通常使用for...of循环取出。...index: 0, input: "abcabc", groups: undefined] //["a", index: 3, input: "abcabc", groups: undefined] 以上就是js...中matchAll()方法的使用,希望对大家有所帮助。...更多js学习指路:js教程 推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。 收藏 | 0点赞 | 0打赏
函数就是没有和其它的类显示的绑定在一起的, 我们就称之为函数 2.什么是方法?...方法就是显示的和其它的类绑定在一起的, 我们就称之为方法 3.函数和方法的区别 3.1函数可以直接调用, 但是方法不能直接调用, 只能通过对象来调用 3.2...函数内部的this输出的是window, 方法内部的this输出的是当前调用的那个对象 4.无论是函数还是方法, 内部都有一个叫做this的东东 this是什么?...谁调用了当前的函数或者方法, 那么当前的this就是谁 */ //函数 function demo() { console.log...(this); } demo();//window //方法 let obj={ name:"cyg",
最近接手前端的工作,对当前项目中自制的js框架下,js的使用产生了非常多的困惑.尤其是js的类,对象,函数,this等等相互之间的关系和转换,以前学过也忘得差不多了,现在基本相当于重新看. js中的函数有可以有好几种解释...Function是个函数对象,也可以认为是个类,所有定义的函数都是Function类的对象,我定义的user也是对象,并且可以调用Function里面的方法 user.call(xxx);当我使用user...调用call方法时,他是作为对象来使用,调用的是Function类里面的call方法,这个方法的作用是调用这个函数并且把传递进去的参数覆盖函数里面的this .第一个参数是覆盖函数里面的this , 剩下的参数是作为这个函数的参数传进去