原文地址在我的博客, 转载请注明出处,谢谢!

概述

本文总结了JavaScript常用函数,这些函数包括Array常用函数以及String常用函数

JavaScript原生函数

Array常用函数

  • isArray() -判断某个值是不是数组类型

      if(Array.isArray(value)){//对数组进行操作}复制代码
  • join("分隔符")
      var a = [1,2,3,4,5]; var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"复制代码
  • 栈方法

    • push() -可以接受任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度:

          var colors = new Array();var count = colors.push("red","green");console.log(colors);//["red","green"]console.log(count);//2复制代码
    • pop() -从数组末尾移除最后一项,减少数组length值,然后返回移除的项
          var item = colors.pop();console.log(item);//"green"console.log(colors.length);//1复制代码
  • 队列方法

    • shift() -移除数组的第一项并返回该项,同时将数组长度减一

         var item = colors.shift();console.log(item);//"red"console.log(colors.length);//1复制代码
    • unshift() -在数组前端添加任意个项并返回新数组的长度
           var count = colors.unshift("yellow","black");console.log(colors);//["yellow","black","red","green"]复制代码
  • 重排序方法

    • reverse() -反转数组项的顺序

           var values = [1,2,3,4,5];console.log(values.reverse());//5,4,3,2,1复制代码
    • sort() -默认情况下按升序排列数组项,即最小的值在前。为了实现排序,sort方法会调用每个数组项的toString(),然后比较字符串,以确定排序。即使数值项是数字,比较的也是字符串,这通常不是最佳方案,因此sort()可以接受一个比较函数作为参数,返回经过排序后的数组

           var values = [0,1,5,10,15];console.log(values.sort());//0,1,10,15,5function compare(value1,value2){return value2 - value1;}console.log(values.sort(compare));//0,1,5,10,15复制代码
  • 操作方法

    • concat() -合并数组的意思,可以接受n个字符串或数组。

       var colors = ["red","green","pink"];var color2 = colors.concat("bliue",["black","yellow"]);//["red","green","pink","blue","black","yellow"]复制代码

      ```
      创建一个数组副本,然后将接受到的参数添加到副本末尾,最后返回新构建的数组,原数组不会受到影响

    • slice() -切数组的意思,接受一到两个数值型参数表示切下的起始结束位置

         var colors = ["red","green","pink"];var color1 = colors.slice(1);//["green","pink"]var color2 = colors.slice(1,2); //["green"]复制代码

      slice()同样不会对原数组产生影响,它会创建一个副本操作后返回。参数可以为负数。

    • splice() -剪接的意思,可以实现数组的删除、插入、替换
      splice(起始位置,删除的项数,插入的项(可以多个项,可选))
      返回从原始数组中删除的项,对原数组直接操作

         var colors = ["red","green","pink"];var color1 = colors.splice(0,1);//["green","pink"],删除第一项var color2 = colors.splice(1,0,"black"); //["green",“black”,"pink"]复制代码
    • indexOf() -返回查找的项的位置,接受两个参数,indexOf(要查找的项(可选),查找起点位置索引),它会使用===来查

           var colors = ["red","green"];console.log(colors);//["red","green"]console.log(color2);/复制代码
  • 迭代方法
    以下每个迭代函数都会接受两个参数,一个是要在每一项运行的函数和运行在该函数的作用域对象——影响this的值,为数组的每一项运行的给定函数接受三个参数:function(数组的项,该项在对象的位置,数组本身){}

    • every() -如果该函数对每一项都返回true,则返回true
    • filter() -返回该函数会返回true的项组成的数组
    • forEach() -单纯运行给定函数,无返回值
    • map() -返回给定函数运行在数组中的每个项的结果组成的数组
    • some() -如果该函数对任一项返回true,则返回true

          var values = [1,2,3,4,5];console.log(values.every(function(item){return (item>2);}));//falseconsole.log(values.some(function(item){return (item>2);}));//trueconsole.log(values.filter(function(item){return (item>2);}));//[3,4,5]console.log(values.map(function(item){return (item*2);}));//[2,4,6,8,10]console.log(values.forEach(function(item){//执行某些操作}));复制代码
  • 归并方法

    • reduce() -浓缩的意思,接受一个给定函数(function(pre,cur,index,array){})和作为归并基础的值(可选),迭代数组所有项,返回一个构建的值

         var values = [1,2,3,4,5];console.log(values.reduce(function(pre,cur,index,array){return pre + cur;}));//15复制代码

String常用函数

  • 查找方法

    • 字符串方法

      • charAt(n)返回字符串中第n(0~length-1)个字符;
      • charCodeAt(n)返回字符串中第n个字符的Unicode编码;
      • fromCharCode(0或多个字符的Unicode编码)返回根据字符编码创建的字符串
    • 位置方法
      • indexOf(要查找的字符串,开始查找位置(可选))返回找到的子串首次出现的索引或-1(未找到)。可以用于数组查找项,不能查找对象。
    • 匹配方法
      • match(正则表达式)返回存放匹配结果的数组,正则如果没有加全局标记g那么这个数组会有个input属性,它指向调用match()的字符串对象.未找到返回null.

        var str = "hello,world";
        str.match("he");["he", index: 0, input: "hello,world"]
        str.match(/he/);//["he", index: 0, input: "hello,world"]
        str.match(/he/g);//["he"]
        str.match(/l/g);//["l", "l", "l"]复制代码
      • search(正则表达式)返回字符串中第一个与正则表达式相匹配的子串的索引,忽略全局标记glastIndex属性
        var str = "hello,world";
        str.search("he");//0
        str.search(/he/);//0
        str.search(/he/g);//0
        str.match(/l/g);//2复制代码
      • replace(正则(字符串),替换文本或函数)创建一个原字符串副本,替代后返回。
        var str = "hello,world";
        str.replace(/l/g,"b");//"hebbo,worbd"
        console.log(str);//"hello,world"复制代码
      • split(分隔符,(数组长度))返回根据指定分隔符将字符串分割成多个子串组成的数组,这个分隔符必须是原字符串里的某个字符,否则返回原字符串
        var str = "hello,world";
        str.split("");//["h", "e", "l", "l", "o", ",", "w", "o", "r", "l", "d"]
        str.split("o");//["hell", ",w", "rld"]复制代码
  • 操作方法
    • concat(string,...)返回把所有参数都连接到原字符串后形成的字符串
    • slice(剪切的起始位置,结束位置)返回剪切后的字符串,创建副本,原字符串不变
    • substring()功能与slice相同,不同的是参数不能为负
    • trim()清楚字符串(注意不是字符)前后的空格
  • 编码方法
    • escape(string)unescape(string)返回字符串常规编码(解码)
    • encodeURI(string)decodeURI(string)URI字符串编码与解码
  • 转换方法
    • toUpperCase()toLocaleUpperCase()转为大写
    • toLowerCase()toLocaleLowerCase()转为小写

JavaScript常用函数总结相关推荐

  1. 实习期间总结遇到的Javascript常用函数

    Javascript常用函数 Array函数 forEach() 遍历数组 ​ 数组:arr ​ arr.forEach(回调函数,this) (this可选) ​ 遍历数组,执行回调函数 push( ...

  2. javascript常用函数和技巧

    学习和工作的过程中总结的干货,包括常用函数.常用js技巧.常用正则表达式.git笔记等.为刚接触前端的童鞋们提供一个简单的查询的途径,也以此来缅怀我的前端学习之路. PS:此文档,我会持续更新. Aj ...

  3. javascript 常用函数大全

    javascript函数一共可分为五类: •常规函数 •数组函数 •日期函数 •数学函数 •字符串函数 1.常规函数 javascript常规函数包括以下9个函数: (1)alert函数:显示一个警告 ...

  4. JavaScript 常用函数总结

    javascript函数:  ·常规函数  ·数组函数  ·日期函数  ·数学函数  ·字符串函数 .cookie函数 1.常规函数 javascript常规函数包括以下9个函数:  (1)alert ...

  5. JavaScript 常用函数

    javascript函数一共可分为五类:  ·常规函数  ·数组函数  ·日期函数  ·数学函数  ·字符串函数  1.常规函数  javascript常规函数包括以下9个函数:  (1)alert函 ...

  6. JavaScript常用函数之Eval()使用

    eval() 功能:首先解释Javascript代码  然后执行它 用法:Eval(codeString) codeString是包含有javascript语句的字符串,在eval之后使用Javasc ...

  7. [导入]JavaScript常用函数:Trim() LTrim() RTrim()

    //功能:JavaScript的Trim(), Ltrim(), RTrim() 函数 //来源:http://jorkin.reallydo.com/article.asp?id=460 Strin ...

  8. JavaScript常用函数

    一:正则表达式验证: 1.验证邮箱: isRightEmail = (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za- ...

  9. JavaScript常用函数整理

    1.字符串计算公式计算 var str = '1/5'; eval(str); // 得到0.2 2.浮点数字精确小数位 var fltVal = '0.12345'; fltVal.toFixed( ...

最新文章

  1. 非凡推崇_2015年值得推崇的25位编码者
  2. linux下c语言俄罗斯方块,Centos 6.2下的C语言编写俄罗斯方块游戏代码
  3. Android中网络编程出错
  4. MySQL 安装 启动命令总结
  5. Android应用Activity、Dialog、PopWindow、Toast窗体加入机制及源代码分析
  6. canvas 插件_基于canvas的JavaScript 二维码生成工具——QRCanvas
  7. C++ 转换构造函数
  8. iPhone:创建、连接和使用静态库(过时了,仅参考)
  9. 线性回归 php,PHP实现简单线性回归之数学库的重要性
  10. 也谈压缩感知(compressive sensing)
  11. Dojo学习2 dojo快速安装
  12. autoit选中图标无反应_ps图标教学,使用小技巧。
  13. ubuntu录屏软件kazam格式转换+视频裁剪+gif转换
  14. FlappyBird(像素鸟)小游戏 (基于 LabVIEW 保姆级教程)
  15. spring源码解析——@Component注解原理
  16. 怎样有效整理碎片化信息,提高学习效率
  17. 分析微信发送消息接口(基于网页版分析)
  18. iOS 内购最新讲解
  19. 桌面便签哪个软件好用?求推荐一款便签软件?
  20. 大规模病毒入侵,全靠分布式

热门文章

  1. PSAM卡---中国人民银行PSAM卡管理规范.doc
  2. github绑定自己的域名
  3. 088实现自动倒计时功能
  4. String 类型的相关转换
  5. 委托、事件与Observer设计模式
  6. 涨知识!提单及运输业务中常用的一些代码、术语及意义!
  7. 腾讯CDC-审批流设计指南
  8. 产品经理应该掌握的信息架构知识
  9. 500只产品汪周末齐聚宇宙中心五道口,这里发生了什么?
  10. PMCAFF | 别学东学西了,先建立自己的知识体系吧