JS比较好用的一些方法搜集

时间:2022-12-26 09:39:56

JS比较好用的一些方法搜集

Math.ceil(x) -- 返回大于等于数字参数的最小整数(取整函数),对数字进行上舍入

Math.floor(x)--返回小于等于数字参数的最大整数,对数字进行下舍入

join() 

例:var a = ["a","b","c"]; 若要输出"a,b,c" 需要a.join(',') 用","将数组项连接

若想输出"abc" 直接a.join('')

push()

方法将以新元素出现的顺序添加这些元素。如果参数之一为数组,那么该数组将作为单个元素添加到数组中。

例:var   a=[1,2,3,4]   a.push(5) ;  数组a将会有1,2,3,4,5 五个元素

注意: push()参数可以是多个数值(param1,param,…paramN),但不能是对象

var arr1 = [1, 3, 4];
             var arr2 = [3, 4, 5];

如果用arr1.push(arr2) 数组arr1得到的是[1,3,4,[3,4,5]] 而不是[1,3,4,3,4,5]

如果要得到[1,3,4,3,4,5] 用  Array.prototype.push.apply(arr1, arr2); 或arr1=arr1.concat(arr2) concat方法并不改变arr1本身

但是可以arr1.push(5,6) 这样得到的是[1,3,4,5,6]

apply()

apply:方法能劫持另外一个对象的方法,继承另外一个对象的属性.

Function.apply(obj,args)方法能接收两个参数
  obj:这个对象将代替Function类里this对象
  args:这个是数组,它将作为参数传给Function(args-->arguments)

例: /*定义一个人类*/
        function Person(name, age) {
            this.name= name;
            this.ag= age;
        }
        /*定义一个学生类*/
        function Student(name, age, grade)
        {
            Person.apply(this, arguments); //this 为Student这个对象 arguments为传入的参数集合
            this.grade = grade;
        }

当我们创建对象   var object=new Student('aking',26,'one'); 此时执行Student 当执行到Person.apply(this, arguments);

这个时候Person中的this对象 将被student的对象代替并执行person方法 在Person方法体中 student对象.name="aking";

student对象.age=26;

apply()妙用:Math.max(param1,param2,param3…)  ==>var max=Math.max.apply(null,array)

       Math.min(param1,param2,param3…)  ==>var min=Math.min.apply(null,array)

push(param1,param,…paramN)         ==>Array.prototype.push.apply(arr1,arr2); 
      一般在目标函数只需要n个参数列表,而不接收一个数组的形式([param1[,param2[,…[,paramN]]]]),可以通过apply的方式巧妙地解决这个问题!

toFixed()

四舍五入

例 :var  x=0.02345  x.toFixed(2)  结果为0.002  x=0.0564 结果为0.06

JS比较好用的一些方法搜集的更多相关文章

  1. js jquery 页面加载初始化方法

    js jquery 页面加载初始化方法 一.js页面加载初始化方法 // 1.在body里面写初始化方法. <body onload='init()'> </body> &lt ...

  2. JS清除IE浏览器缓存的方法

    js中自动清除ie缓存方法 — 常用 对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了.但是对于静态文件 ...

  3. JS按回车键实现登录的方法

    本文实例讲述了JS按回车键实现登录的方法,该功能有着非常广泛的实用价值.分享给大家供大家参考之用.具体方法如下: 方法一: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 &lt ...

  4. 编写高质量JS代码的68个有效方法(八)

    [20141227]编写高质量JS代码的68个有效方法(八) *:first-child { margin-top: 0 !important; } body>*:last-child { ma ...

  5. 编写高质量JS代码的68个有效方法(七)

    [20141220]编写高质量JS代码的68个有效方法(七) *:first-child { margin-top: 0 !important; } body>*:last-child { ma ...

  6. 编写高质量JS代码的68个有效方法(六)

    [20141213]编写高质量JS代码的68个有效方法(六) *:first-child { margin-top: 0 !important; } body>*:last-child { ma ...

  7. 编写高质量JS代码的68个有效方法(四)

    [20141129]编写高质量JS代码的68个有效方法(四) *:first-child { margin-top: 0 !important; } body>*:last-child { ma ...

  8. 编写高质量JS代码的68个有效方法(三)

    [20141030]编写高质量JS代码的68个有效方法(三) *:first-child { margin-top: 0 !important; } body>*:last-child { ma ...

  9. 编写高质量JS代码的68个有效方法(二)

    [20141011]编写高质量JS代码的68个有效方法(二) *:first-child { margin-top: 0 !important; } body>*:last-child { ma ...

随机推荐

  1. php测试

    Php基础知识测试题 姓名:  班级: 成绩: 本试题共40道选择题,10道判断题,考试时间1个半小时 一:选择题(单项选择,每题2分): 1. LAMP具体结构不包含下面哪种(A ) A:Windo ...

  2. 在博文中嵌入Javascript代码

    今天吃饭时无聊,突然想到Markdown除了兼容HTML会不会也兼容Javascript,于是博文里除了码文插音乐还可以干点更好玩的事儿了,可以自动修改markdown文件本身,比如说自动修改从Git ...

  3. MVC3&sol;4伪静态 jexus mvc伪静态

    第一步修改RouteConfig.cs文件 public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute ...

  4. setInterval js

    $('#start_scan').on('click',function(){ if(timer == undefined){ timer = setInterval(scan,1000) start ...

  5. AS使用自带虚拟机报错解决

    Android studio自带的Google虚拟机越来越好用了,所以可以打开这个功能,想用的时候打开使用即可 使用的过程中经常会遇到这样的问题: 19:26 Emulator: emulator: ...

  6. react react-native 日期插件 m-date-picker &sol; rmc-date-picker的使用

    m-date-picker 基于 React,提供了 iOS 风格的日期选择方式,与原生 Datepicker 非常相似. 主页: https://github.com/react-component ...

  7. APP优化(转载)

  8. redis学习链接收藏

    1.redis命令大全--官网 2.redis命令大全--中文翻译版 3.源码(注释版):redis3.0 4.程序代码:<redis入门指南(第二版)>第五章 5.最新的redis-st ...

  9. loadrunner&&num;160&semi;运行脚本-Run-time&&num;160&semi;Settings-ContentCheck简单设置

    运行脚本-Run-time Settings-ContentCheck简单设置 by:授客 QQ:1033553122 ContentCheck的设置可用来让VuGen检测存在错误的站点页面.如果被测 ...

  10. OAF中下载附件之后页面失效,报过时的数据异常,浏览器后退异常

    我在使用了下载功能之后,再往页面添加行或进行保存,页面老是报浏览器后退的异常. 猜测是因为我的下载按钮使用的submitButton,它隐式的包含了一个submit动作,且我在代码中有一个Commit ...