Java中的 String 类有个trim() 能够删除字符串前后的空格字符.jQuery中也有trim()方法能够删除字符变量前后的字符串. 可是JavaScript中却没有对应的trim() 方法.幸好,JavaScript中有正則表達式,String 对象有replace() 方法.利用JavaScript的正则和replace方法来达到trim() 方法的效果. 接下来介绍两种方法.事实上两种方法大同小异. 都是在String 对象的prototype属性上进行trim()方法的定义,并…

原文  http://aotu.io/notes/2016/04/15/2016-04-14-js-reduce/   JavaScript中reduce()方法不完全指南 reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终为一个值,是ES5中新增的又一个数组逐项处理方法,那reduce方法跟foreach.map等数组方法又有啥区别呢. arr.reduce(callback[, initialValue]) - More From MDN callback…

首先,我们来看一段代码,如果觉得不甚明白的,则本文会对你有益: var player = function (e) {             return (function f(m) {                 return m ? (function (n) {                     return $('#Player', n).get(0) || f($('iframe', n).get(0));                 })(m.contentWind…

splice() 方法是一个比较少用的方法,但是功能确实很好,并且在我们 coding 的时候,经常有需要 splice() 方法,先介绍一下该方法. 在 JavaScript 中 splice() 方法,是一个很强的数组方法,它有多种用法. splice() 方法主要用来向数组中添加新的值. 1.删除(需要2个参数,第一个参数为“起始位”,第二个参数表示删除多少个) //创建数组 var array = []; //添加值 array.push(1); array.push(2); array…

JavaScript中的方法 在JavaScript中,可以通过对象来调用对应的方法.在JavaScript中,有三个重要的window对象方法:用于显示警告信息的alert.用于显示确认信息的confirm和用于询问的prompt.下面我们一一说明这三个方法. l  alert alert用于显示JavaScript的警告对话框,在这个警告框上,有一个“确定”按钮和一段用户定义信息,当浏览器打开警告框时,用户将不能对浏览器进行操作,只有在用户点击警告框上的“确定”关闭警告框后,才能继续操作.…

title: JavaScript中Array方法总览 toc: true date: 2018-10-13 12:48:14 push(x) 将x添加到数组最后,可添加多个值,返回数组长度.改变原数组 var arr = [1,2,3]; arr.push(4); // 返回4, arr变为[1, 2, 3, 4] arr.push(5,6); // 返回6, arr变为[1, 2, 3, 4, 5, 6] unshift(x) 将x添加到数组开头,可添加多个值,返回数组长度.改变原数组 va…

最近在恶补js知识的时候,总是会因为js强大的语法而感到震撼.因为以前对前端方面的疏忽,导致了一些理解的错误.因此痛改前非,下定决心,不管做什么事情,都要有专研的精神. 在介绍前,抛出一个问题:如何将多个数组合并为一个数组? 以下的分享会分为如下小节: 1.concat方法的基础介绍 2.从实例中感受concat方法 1.concat方法的基础介绍 concat方法用于多个数组的合并.它将新数组的成员,添加到原数组的尾部,然后返回一个新数组,原数组不变. console.log([].conca…

对js有些了解的人都知道,在js中根本就不存在像C#中的那种方法重载,而有的只是方法的覆盖,当你在js中敲入两个或多个同名的方法的时候,不管方法(函数)的参数个数怎么个不同,这个方法名只能属于最后定义的那个函数.也就是说后一个方法会把前面同名的方法给覆盖掉. 我们看一段下面的代码: <span style="font-size:16px;"><script type="text/javascript"> function sayHi() {…

10天没有写博客了,不知道为什么,心里感觉挺不舒服的,可能这是自己给自己规定要去完成的事情,没有按照计划执行,总会心里不怎么舒服.最近事情挺多的,终于今天抽空来更新一下博客了. 今天写的是一个小插件.平时我们习惯于使用javascript中自带的confirm()函数做出一个弹窗的效果,但是问题在于这样的弹窗非常不美观,大大降低了网页的整体效果. 好吧废话不多说,首先先来了解一下confirm()函数,下面应该注释得很清楚了. if(confirm("我们去阿里转山吧,好吗?")){/…

需要替换一个字符串中所有的某个字符串 java中使用replaceAll()方法就可以了.但是JavaScript中没有replaceAll方法 但是可以通过以下方法实现: /** * 空格替换为下划线 */ function changeBlack(){ var text = $("#returnText").val(); var reg = new RegExp(" ","g"); text = text.replace(reg,"…

书读百遍其义自见 学习<JavaScript设计模式>一书时,前两个章节中的讲解的JavaScript基础知识,让我对属性和方法有了清晰的认识.如下是我的心得体会以及部分摘录的代码. 不同于大多数面向对象语言一样,JavaScript作为一种解释性的弱类型语言,通过自身的一些特性实现类的封装,从而实现面向对象的.面向对象编程的思想就是一些属性方法的隐藏和暴露,比如私有属性.私有方法.共有属性.共有方法等.既然JavaScript实现了面向对象,同样具有这些属性和方法. JavaScript中包…

call ( thisObj [, arg1 [, arg2 [,  [, argN] ] ] ]) call()方法:官方介绍是,调用一个对象的一个方法,以另一个对象替换当前对象. call()方法应用于Function对象,可以用来代替另一个对象调用一个方法,可将一个函数的对象上下文从初始的上下文改变为thisObj指定的新对象.如果没有提供thisObj参数,那么Global对象被用作thisObj. 直接理解这几句话还是挺难理解的.先看一个例子: function Class1(){ t…

js 中的方法注入 java中很多框架支持 apo 的注入, js中也可以类似的进行实现 主要是通过扩展js中方法的老祖 Function 对象来进行实现. Function.prototype.after = function(foo) { const thiz = this; return function(...args) { thiz.apply(thiz, args); foo.apply(thiz, args); } } //test function test(param) { c…

注意:JavaScript的字符串是不可变的(immutable),String类定义的方法不能改变原来字符串内容,例如String.toUpperCase()这样的方法,返回的是全新的字符串,而不是修改原来的字符串. 1.charAt(index)方法 用法:返回指定位置的字符,index必需项表示字符串中的位置. 2.concat()f方法用于连接两个或者多个字符串 用法:把他的参数转化成字符串,然后按照顺序连接字符串后面,返回新的字符串,原来字符串没有被改变. 通常用“+”连接 3.spl…

将多维数组(尤其是二维数组)转化为一维数组是业务开发中的常用逻辑,除了使用朴素的循环转换以外,我们还可以利用Javascript的语言特性实现更为简洁优雅的转换.本文将从朴素的循环转换开始,逐一介绍三种常用的转换方法,并借此简单回顾Array.prototype.concat方法和Function.prototype.apply方法.以下代码将以把二维数组降维到一维数组为例. 1. 朴素的转换 function reduceDimension(arr) { var reduced = []; f…

在做 Largest Number 这道题之前,我对 sort 方法的用法是非常自信的.我很清楚不传比较因子的排序会根据元素字典序(字符串的UNICODE码位点)来排,如果要根据大小排序,需要传入一个比较函数. 先来看这道题,给你一个数组,让你把数组元素拼接起来,求能拼得的最大的数.如果只有两个数字 a 和 b,如何拼?很明显比较 ab 和 ba 两个数的大小,所以这道题首先需要对数组做一次排序.刷刷写下如下代码: nums.sort(function(a, b) { return (b + '…

<script language="javascript"> var user = '{name:"张三",age:23,'+ 'address:{city:"青岛",zip:"266071"},'+ 'email:"iteacher@haiersoft.com.cn",'+ 'showInfo:function(){'+ 'document.write("姓名:"+this…

海纳百川,有容乃大 1.普通循环转换方式 将多维数组(尤其是二维数组)转化为一维数组是业务开发中的常用逻辑,除了使用朴素的循环转换以外,我们还可以利用Javascript的语言特性实现更为简洁优雅的转换.本文将从朴素的循环转换开始,逐一介绍三种常用的转换方法,并借此简单回顾Array.prototype.concat方法和Function.prototype.apply方法.以下代码将以把二维数组降维到一维数组为例. function reduceDimension(arr) { var red…

Javascript数组方法中,相比map.filter.forEach等常用的迭代方法,reduce常常被我们所忽略,今天一起来探究一下reduce在我们实战开发当中,能有哪些妙用之处,下面从reduce语法开始介绍. 语法 array.reduce(function(accumulator, arrayElement, currentIndex, arr), initialValue) 若传入初始值,accumulator首次迭代就是初始值,否则就是数组的第一个元素:后续迭代中将是上一次迭代…

<html> < head> < script type="text/javascript"> function onclick1(){ alert("Click button"); } < /script> < /head> <body > < input type="button" onClick="onclick1()" value="…

获取浏览器滚动的高度: scrollTop=document.documentElement.scrollTop || document.body.scrollTop getBoundingClientRect() 这个方法返回一个矩形对象,包含四个属性:left.top.right和bottom.分别表示元素各边与页面上边和左边的距离. var box=document.getElementById('box');         // 获取元素 alert(box.getBoundingCl…

filter 方法用来迭代一个数组,并且按给出的条件过滤出符合的元素. filter 方法传入一个回调函数,这个回调函数会携带一个参数,参数为当前迭代的项(我们叫它 val ). 回调函数返回 true 的项会保留在数组中,返回 false 的项会被过滤出数组. 下面的代码示例展示了使用 filter 来移除数组中值等于5的项: 注意: 我们忽略了第二参数和第三参数,因为例子中我们只需要第一参数就够了. array = array.filter(function(val) {   return…

今天看到了js的call与apply的异同,想着整理一下知识点,发现了一篇好文章,分享过来给大家,写的非常好! 参考: http://www.cnblogs.com/delin/archive/2010/06/17/1759695.html http://blog.csdn.net/myhahaxiao/article/details/6952321 1.对象的继承,一般的做法是复制:Object.extend prototype.js的实现方式是: Object.extend = functi…

jQuery()通过name名称获取当前name中value数组 /** 获取input中name属性相同的 value数组 */ function my_array_name(m){ var valArr = new Array; $("input[name='"+m+"']").each(function(i){ valArr[i] = $(this).val(); }); var priv = valArr.join(','); return priv; }…

对于bind,我愣了下,这个方法常用在jquery中,用于为被选元素添加一个或多个事件处理程序. 查了下手册,发现bind的作用和apply,call类似都是改变函数的execute context,也就是return时this关键字的指向.但是使用方法略有不同.一个函数进行bind后可稍后执行. var altwrite = document.write; altwrite("hello"); 上面的程序运行,会报错:Uncaught TypeError: Illegal invoc…

一:数组的常用方法: 1:join(); 将数组转为字符串显示.不输入参数,默认以逗号连接:输入参数,则以参数连接. var arr=[1,2,3]; console.log(arr.join()); // 1,2,3; console.log(arr.join("_")); // 1_2_3; console.log(arr); // [1,2,3]; 原数组不变. 2:reverse(); 将数组逆序排列,原数组被修改. var arr=[1,2,3]; var arr2=arr.…

js中的很多事件  而事件相对应的就是方法(函数 )那么今天所说的就是这三种方法      已onclick事件为例 1: 基本方法 <div id="a" onclick="fangfa();"></div> <script> function fangfa(){.....} </script> 2:提取方法 因为方法也是标签的一个属性 所以 在js中也可以给他添加方法函数 其中应该注意的是abc的()不应写出 因为…

1.键值对new Array()的length值只统计下标是数字的键,可以使用for(var key in arr)的方式进行遍历所有元素.例如 <script type="text/javascript"> var arr = new Array();//创建一个键值对数组 arr['xj'] = '小鸡'; arr['xy'] = '小鸭'; arr[] = '旺财'; arr[] = '小白'; arr[] = '财秋'; arr['sl'] = '水懒'; arr[…

array1.filter(callbackfn[, thisArg]) 參數   參數 定義 array1 必要項. 陣列物件. callbackfn 必要項. 最多接受三個引數的函式. filter 方法會針對陣列中的每個元素各呼叫 callbackfn 函式一次. thisArg 選擇項. this 關鍵字可在 callbackfn 函式中參考的物件. 如果省略 thisArg,則 this 的值就是 undefined. 傳回值 新陣列,其中包含回呼函式針對來源陣列傳回 true 的所有…

阿里面试题:说出以下函数的作用是?空白区域应该填写什么? 其实这个问题http://www.phpstudy.net/b.php/105983.html解释的已经非常好了,思路也很顺,容易理解,本文将会更正一些他的错误,也会添加一些关于本题更细节的解释. // define (function (window) { function fn(str) { this.str = str; } fn.prototype.format = function () { var arg = ______;…