前言 apply() 的作用有两个: 1. 改变 this 指向 2....将数组入参变为一般入参 刚开始看到 apply() 时,对它的用法非常模糊,而且不易理解,通过查找相关文章,才慢慢的明白它的妙用 2....person.fullName() 调用 this.firstName 和 this.lastName 这两个属性,this 指向 person,但它没有这两个属性 使用 apply() 方法可以改变...this 的指向,将 this 的指向改为 person1,所以 person.fullName() 方法就可以成功访问到 this.firstName 和 this.lastName 这两个属性的值了...注意,这里的第一个参数值为 null,也就是没有改变 this 的指向 Math.max.apply(null, [, , ])
前言 现在jquery越来越没落了,但是我们的老项目还在用jquery,要更换就必须了解哪些和jquery等效的js方法。...对象合并 jquery $.extend(true,a,b) js Object.assign(a,b) 获取元素 jquery $("#aa"); $(".aa"); $("span"); js document.querySelector...("#aa"); document.querySelector(".aa"); document.querySelector("span"); querySelector 匹配指定 CSS 选择器的第一个元素...属性获取与赋值 jquery $(".aa").attr("data-url"); $(".aa").attr("data-url","www.psvmc.cn"); js document.querySelector...crosshair'; 获取宽高 jquery $(".aa").width; $(".aa").height; $("#aa").offset().left; $("#aa").offset().top; js
Js捕获异常的方法 JavaScript的异常主要使用try catch finally语句以及窗口对象window的onerror事件来捕获。...try catch finally try catch finally只能捕获运行时的错误,无法捕获语法错误,可以拿到出错的信息,堆栈,出错的文件、行号、列号。...,当运行时错误产生时,Error的实例对象会被抛出,Error对象也可用于用户自定义的异常的基础对象,Js内建了几种标准错误类型: EvalError: 创建一个error实例,表示错误的原因:与eval...SyntaxError: 创建一个error实例,表示错误的原因:eval()在解析代码的过程中发生的语法错误。...window.onerror window.onerror可以捕捉语法错误,也可以捕捉运行时错误,可以拿到出错的信息,堆栈,出错的文件、行号、列号,只要在当前window执行的Js脚本出错都会捕捉到,通过
JS 数组常用的方法(个人感觉) 1. forEach() 循环,无法在中间停止 2. some() 循环,找到符合条件的之后,可以通过 return true 退出循环 3. every() 测试数组中的所有元素是否都能通过某个指定函数的测试...amount, item) => (amount += item.price * item.count), 0); console.log(amount); //返回70 6. map() map()方法把调用它的数组的每一个元素分别传给指定的函数...,第二个参数是要删除的元素个数,之后的参数是要插入的元素,返回删除的数组 console.log(a); console.log(a.slice(3)); // 只有一个参数,则删除数组开头到起点的全部元素...; console.log(a.split(",")); 16. sort() sort()方法对数组元素按字母顺序对数组元素排序 let arr = [1, 2, 11, 23, 22, 111,...所以,要实现升序排序,可以按下面的方法 let arr = [1, 2, 11, 23, 22, 111, 12, 9, 8]; console.log( arr.sort((a, b) => {
大家好,又见面了,我是你们的朋友全栈君 法一:使用for…in…循环 var obj = { '0':'a', '1':'b', '2':'c'}; for(let i in obj){
大家好,又见面了,我是你们的朋友全栈君。 indexOf()简介 indexOf()是js中内置的方法之一,它的功能大家都很熟悉:简单来说就是得到数据的索引,对于正则不熟练的人,是个很不错的方法。...如果查询到返回索引,反之返回-1(固定用法); 因为indexOf()在不同类型使用的时候可能有细节性的注意点; 这里我们对不同数据类型使用IndexOf的场景进行讨论(其实就是string和array...) 注:(暂不讨论两个参数时(第二个参数为查询的起始位置),以及lastIndexOf()) String类型使用indexOf(); String中的indexOf方法 (话不多说直接上代码,不跟你多...()是对数据进行了隐式类型转换的,如果参数是数值它会转换为字符来进行查询然后返回索引,本质原因是什么呢,那就是 我们js底层代码中String.prototype.indexOf()使用的是==进行比较判断...; Number类型的IndexOf() 醒醒,Number类型哪来的indexOf()方法,会直接报错的好吗, 如果想对数值类型的进行查询索引,可以将数值转换为字符再进行查询,方法有很多: –
js的sort方法的使用 简介 本文讲解,js中的sort方法的使用。 数字排序 当function(x, y)得到的返回值小于0, x会被移动到y的前面。...------------升序,从小到大(return x - y) 当function(x, y)得到的返回值大学0, x会被移动到y后面。...------------降序,从大到小(return y - x) 当function(x, y)得到的返回值等于0 x和y的位置相对不变,不是所有浏览器都遵守 unicode排序 排序的优先级是,...arr = ["不要吃", "dont't eat", "Dont't eat", 8888]; arr.sort(); console.log(arr) 运行结果 可以看出来这个运行结果是,按照上面说的规则的
本文转载:http://www.cnblogs.com/StudyLife/archive/2013/03/11/2953516.html 本文不是基于B/S的 后台调用前台js方法,而是给你一段js方法字符串...,让你在程序中直接解析这段方法,并调用方法得到想要的值。...首先要解析Js方法,可以用微软的msscript.ocx控件(Interop.MSScriptControl.dll)来解析js方法. 1.msscript.ocx下载的地址 http://www.microsoft.com...js方法,并调用js方法返回值。...不过这儿可以将控件类的一些属性和方法封装成单独的类,方便自己调用。 封装成ScriptEngine类。
js实用方法记录-指不定哪天就会用到的js方法 常用或者不常用都有 判断是否在微信浏览器中 测试代码:isWeiXin()==false /** * 是否在微信中 */ function...document.documentElement.clientHeight && getScrollTop()>getScrollHeight()/4){//有滚动条且滚动条距离顶部在四分之外 //显示回到顶部浮层什么的~
sort()方法 目录 定义和用法 代码实例1 代码实例2 返回值 注意 定义和用法 用于对数组的元素进行排序 代码实例1 var arr = new Array(3) arr[...0] = 1 arr[1] = 3 arr[2] = 2 console.log(arr.sort()) 代码解析 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,按照字符编码的顺序进行排序...[2] = 22222 console.log(arr.sort(sortNumber)) 代码解析 如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字...返回值:返回a-b即为升序,返回b-a即为降序 此种方式只适用于对数字升降序排序 返回值 对数组的引用 注意 数组在原数组上进行排序,不生成副本(即用过arr.sort()方法后...,arr也会跟着改变为排完序的情况)
数组方法:在Array.prototype中定义 ECMAScript3: 12个 join reverse sort concat slice splice push\pop unshift\shift...ECMAScript6: 6个 Array.from Array.of copyWithin find findIndex fill ECMAScript7: 1个 includes 字符串方法...ECMAScript5: 1个 trim ECMAScript6: 8个 includes startsWith endsWith at repeat padStart\padEnd 字符串模板 对象方法...Object.create ECMAScript6: Object.is Object.assign Object.setPrototypeOf() Object.getPrototypeOf() 迭代的方法
Object.keys() Object.keys 返回一个所有元素为字符串的数组,其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。...循环对象属性的时候,使用for...in;遍历数组的时候的时候使用for...of。...for...in循环出的是key,for...of循环出的是value for...of是ES6新引入的特性。...修复了ES5引入的for...in的不足 for...of不能循环普通的对象,需要通过和Object.keys()搭配使用 注释: for...of循环不会循环对象的key,只会循环出数组的value,...(不包含结束位置上的字符串) 5. find 和 findIndex find 方法返回第一个满足条件的值,如果没有满足条件的值,find 会返回 undefined findIndex 方法则返回这个值在数组里的索引
大家好,又见面了,我是你们的朋友全栈君。...//如果列表中有存在给定的值就删除 // function removeClass(ele,txt){ // var str = ele.className, // ary = str.split
①replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。...).html() 结果,通过children获取的值为:null,而通过find获取的值为:4 这是为什么呢?...通过children获取的是该元素的下级元素,而通过find获取的是该元素的下级所有元素。 ...toggleClass("blue"); css() - 设置或返回样式属性 ⑤jQuery 删除 remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素(不删除本身元素) ⑥js...关联的值"); myMap.set("c", "和键keyFunc关联的值"); console.log(myMap); console.log(myMap.size); // 读取值
map 这里的map不是“地图”的意思,而是指“映射”。...[].map(); 基本用法跟forEach方法类似: array.map(callback,[ thisObject]); callback的参数也类似: [].map(function(value..., index, array) { // ... }); map方法的作用不难理解,“映射”嘛,也就是原数组被“映射”成对应新数组。...,我们可以利用map方法方便获得对象数组中的特定属性值们。...emails.join(", ")); // zhang@email.com, jiang@email.com, li@email.com Array.prototype扩展可以让IE6-IE8浏览器也支持map方法
fruits.splice(2,0,”Lemon”,”Kiwi”); fruits 输出结果: Banana,Orange,Lemon,Kiwi,Apple,Mango ---- 定义和用法 splice() 方法用于添加或删除数组中的元素...注意:这种方法会改变原始数组。 返回值 如果仅删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。 ----
windows 方法 window.close(); //关闭窗口 window.alert("message"); //弹出一个具有OK按钮的系统消息框,显示指定的文本 window.confirm..., "Default"); //提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回 window.status //可以使状态栏的文本暂时改变 window.defaultStatus...//默认的状态栏信息,可在用户离开当前页面前一直改变文本 window.setTimeout("alert('xxx')", 1000); //设置在指定的毫秒数后执行指定的代码,接受2个参数,要执行的代码和等待的毫秒数...window.clearTimeout("ID"); //取消还未执行的暂停,将暂停ID传递给它 window.setInterval(function, 1000); //无限次地每隔指定的时间段重复一次指定的代码...//URL中主机名后的部分,如/pictures/index.htm location.search //执行GET请求的URL中的问号后的部分,又称查询字符串,如?
总结几个不太熟练的js对象方法。...false console.log(p.hasOwnProperty('address')); // true isPrototypeOf() isPrototypeOf() 是 Object函数(类)下的一个方法...方法是以sourceObj为targetObj的原型对象创建一个新的空对象,我用这个来验证sourceObj是不是targetObj的原型对象,结果为true Object.defineProperty...console.log(Object.getPrototypeOf(newObj));// { name: 'yft' } Object.entries() Object.entries() 静态方法返回一个数组...User.prototype === Object.getPrototypeOf(u)); // true Object.setPrototypeOf() Object.setPrototypeOf() 静态方法可以将一个指定对象的原型
改变原数组的方法 shift() 把数组的第一个元素从其中删除,并返回第一个元素的值, 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。...请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。 该方法会改变数组的长度。 unshift() 可向数组的开头添加一个或更多元素,并返回新的长度。...该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。该方法会改变数组的长度。...它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。 该方法会改变数组的长度。...splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改 splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素
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 })...] [1,[2,[3,4]]].flat(Infinity)//[1,2,3,4] Array.flatMap() 相当于先对一个数组执行map方法,然后对返回结果再执行flat方法返回新数组,
领取专属 10元无门槛券
手把手带您无忧上云