JavaScript原生API小结

Array对象:

属性:

arr.length  // 数组长度

Array.isArray(arr)  //用来判断一个值是否为数组

Array实例方法  :

var a=[]
a.valueof()   //返回数组本身

a.toString()  //返回数组的字符串形式(有逗号)

a.push(value,vlaue....)   //用于在数组的末端添加一个或多个元素,并返回添加新元素后的数组长度。

pop()   //用于删除数组的最后一个元素,并返回该元素

join()  //以参数作为分隔符,将所有数组成员组成一个字符串返回。如果不提供参数,默认用逗号分隔。

concat()  //用于多个数组的合并。它将新数组的成员,添加到原数组的尾部,然后返回一个新数组,原数组不变。

shift()  //用于删除数组的第一个元素,并返回该元素。

unshift()  //用于在数组的第一个位置添加元素,并返回添加新元素后的数组长度。

reverse()   //用于颠倒数组中元素的顺序,返回改变后的数组

slice(start,end);   //用于提取原数组的一部分,返回一个新数组,原数组不变。第一个参数为起始位置(从0开始),第二个参数为终止位置(但该位置的元素本身不包括在内)。如果省略第二个参数,则一直返回到原数组的最后一个成员。负数表示倒数第几个。

splice(start, end, addElement1, addElement2, ...);   //用于删除原数组的一部分成员,并可以在被删除的位置添加入新的数组成员,返回值是被删除的元素。第一个参数是删除的起始位置,第二个参数是被删除的元素个数。如果后面还有更多的参数,则表示这些就是要被插入数组的新元素。

sort()   //对数组成员进行排序,默认是按照 ascll 码排序。排序后,原数组将被改变。如果想让sort方法按照自定义方式排序,可以传入一个函数作为参数,表示按照自定义方法进行排序。该函数本身又接受两个参数,表示进行比较的两个元素。如果返回值大于0,表示第一个元素排在第二个元素后面;其他情况下,都是第一个元素排在第二个元素前面。(我们可以让值随机大于0或者小于0,实现数组乱序)

map()   //对数组的所有成员依次调用一个函数,根据函数结果返回一个新数组。

map(function(elem,index,arr))   //map方法接受一个函数作为参数。该函数调用时,map方法会将其传入三个参数,分别是当前的值、当前位置和数组本身。结果需要return

forEach()   //遍历数组的所有成员,执行某种操作,参数是一个函数。它接受三个参数,分别是当前位置的值、当前位置的索引和整个数组。

filter()   //参数是一个函数,所有数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。

some()    //用来判断数组成员是否符合某种条件。接受一个函数作为参数,所有数组成员依次执行该函数,返回一个布尔值。该函数接受三个参数,依次是当前位置的值、当前位置的索引和整个数组。只要有一个数组成员的返回值是true,则整个some方法的返回值就是true,否则false。

every()   //用来判断数组成员是否符合某种条件。接受一个函数作为参数,所有数组成员依次执行该函数,返回一个布尔值。该函数接受三个参数,依次是当前位置的值、当前位置的索引和整个数组。所有数组成员的返回值都是true,才返回true,否则false。

reduce(fn,value)   //fn接收四个参数,第一个参数为函数执行返回的结果(一般累加,也可以做其他运算)。第二个为当前执行次数的数组的值,第三个为当前索引,第四个为当前数组

reduceRight()  //reduce的逆序形式,从数组末尾开始迭代。

indexOf()   //返回给定元素在数组中第一次出现的位置,如果没有出现则返回-1。可以接受第二个参数,表示搜索的开始位置

lastIndexOf()  //返回给定元素在数组中最后一次出现的位置,如果没有出现则返回-1。

//ES6新增

Array.from(arr) //将类数组arr变成数组

Array.of()  //增强版数组,统一返回由参数构成的数组。

find(fn) 和 fineIndex(fn)  //对indexOf的加强版。因为indexOf无法查找NaN,所以我们可以借用Objct.is()方法。来查找NaN。find是返回结果。findIndex是返回所以,如果查不到返回-1


fill(value, start=0, end=length)  //作用,从数组的start位开始,到end结束。这其中的元素全部替换成value(只传value。默认从初始位置开始到结束位子,什么都不传,整个数组就会变成undefined)。一般做数组的初始化 。


Number对象实例的方法:

var num = 3
num.toString()   //用来将一个数值转为字符串形式.可以接受一个参数,表示输出的进制。如果省略这个参数,默认将数值先转为十进制,再输出字符串;否则,就根据参数指定的进制,将一个数字转化成某个进制的字符串。
num.toFixed()   //用于将一个数转为指定位数的小数,返回这个小数对应的字符串。

num.toExponential()  //用于将一个数转为科学计数法形式。可传入一个参数,参数表示小数点后有效数字的位数,范围为0到20,超出这个范围,会抛出一个RangeError。

numm.toPrecision()  //用于将一个数转为指定位数的有效数字

 String 对象

(1)生成实例对象

var s = new String()

(2)String对象的属性

s.length   //返回字符串的长度

(3)方法

s.chatAt(index)   //返回指定位置的字符

s.concat(s2)  //用于连接两个字符串

s.slice(start,end)   //用于从原字符串取出子字符串并返回,不改变原字符串。第一个参数是子字符串的开始位置,第二个参数是子字符串的结束位置(不含该位置)。如果参数是负值,表示从结尾开始倒数计算的位置,即该负值加上字符串长度。

s.indexOf(s)   //返回给定元素在字符串中第一次出现的位置,如果没有出现则返回-1。可以接受第二个参数,表示搜索的开始位置 

s.lastIndexOf()  //返回给定元素在字符串中最后一次出现的位置,如果没有出现则返回-1。

s.trim()  //用于去除字符串两端的空格,返回一个新字符串

s.toLowerCase()  //用于将一个字符串全部转为小写,返回一个新字符串,不改变原字符串。

s.toUpperCase()  //全部转为大写
 
s.localeCompare(s2)  //用于比较两个字符串。它返回一个整数,如果小于0,表示第一个字符串小于第二个字符串;如果等于0,表示两者相等;如果大于0,表示第一个字符串大于第二个字符串。

s.match(regexp)   //用于确定原字符串是否匹配某个子字符串,返回一个数组,成员为匹配的第一个字符串。如果没有找到匹配,则返回null。

s.search()  //返回值为匹配的第一个位置。如果没有找到匹配,则返回-1。

s.replace(oldValue,newValue)  //用于替换匹配的子字符串,一般情况下只替换第一个匹配(除非使用带有g修饰符的正则表达式)。

s.split()  //按照给定规则分割字符串,返回一个由分割出来的子字符串组成的数组。还可传入第二个参数,决定了返回数组的成员数。

Math对象:

(1)属性

Math.E:常数e。  
Math.LN2:2的自然对数。  
Math.LN10:10的自然对数。  
Math.LOG2E:以2为底的e的对数。  
Math.LOG10E:以10为底的e的对数。  
Math.PI:常数Pi。  
Math.SQRT1_2:0.5的平方根。  
Math.SQRT2:2的平方根。

(2)数学方法

Math.abs():返回参数的绝对值  
Math.ceil():向上取整,接受一个参数,返回大于该参数的最小整数。 
Math.floor():向下取整  
Math.max(n,n1,...):可接受多个参数,返回最大值  
Math.min(n,n1,..):可接受多个参数,返回最小值  
Math.pow(n,e):指数运算, 返回以第一个参数为底数、第二个参数为幂的指数值。 
Math.sqrt():返回参数值的平方根。如果参数是一个负值,则返回NaN。  
Math.log():返回以e为底的自然对数值。
Math.exp():返回e的指数,也就是常数e的参数次方。
Math.round():四舍五入  
Math.random():返回0到1之间的一个伪随机数,可能等于0,但是一定小于1。

(3)三角函数方法

Math.sin():返回参数的正弦  
Math.cos():返回参数的余弦  
Math.tan():返回参数的正切  
Math.asin():返回参数的反正弦(弧度值)  
Math.acos():返回参数的反余弦(弧度值)  
Math.atan():返回参数的反正切(弧度值)

JSON对象:

(1)方法

JSON.stringify()   
//用于将一个值转为字符串。该字符串应该符合JSON格式,并且可以被JSON.parse方法还原。
//(JSON.stringify(obj, selectedProperties))还可以接受一个数组,作为第二个参数,指定需要转成字符串的属性。
//还可以接受第三个参数,用于增加返回的JSON字符串的可读性。如果是数字,表示每个属性前面添加的空格(最多不超过10个);如果是字符串(不超过10个字符),则该字符串会添加在每行前面。具体看MDN

JSON.parse()   //用于将JSON字符串转化成对象。

事件:

三个参数:事件类型。事件函数。是否捕获(默认冒泡,ture开启捕获,部分浏览器实现)

document.addEventListener(type,listener,capture)  //注册事件
document.removeEventListener(type,listener,capture)  //注销事件

 常见事件类型:

a.窗口事件,只在body和frameset元素中才有效
onload      页面或图片加载完成时
onunload     用户离开页面时

b.表单元素事件,在表单元素中才有效
onchange     框内容改变时
onsubmit     点击提交按钮时
onreset     重新点击鼠标按键时
onselect     文本被选择时
onblur      元素失去焦点时
onfocus     当元素获取焦点时

c.键盘事件,在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效
onkeydown    按下键盘按键时
onkeypress    按下或按住键盘按键时
onkeyup     放开键盘按键时

d.在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效
onclick     鼠标点击一个对象时
ondblclick    鼠标双击一个对象时
onmousedown 鼠标被按下时
onmousemove 鼠标被移动时
onmouseout    鼠标离开元素时
onmouseover 鼠标经过元素时
onmouseup    释放鼠标按键时

e.其他
onresize   当窗口或框架被重新定义尺寸时
onabort     图片下载被打断时
onerror     当加载文档或图片时发生错误时

  • 3
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值