JS为每种数据类型都内置很多方法,真的不好记忆,而且有些还容易记混,现整理如下,以便以后查看:

一、String

①charAt()方法用于返回指定索引处的字符。返回的字符是长度为 1 的字符串。

语法:stringObject.charAt(index)

index 必需,表示字符串中某个位置的数字。字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length-1 之间,该方法将返回一个空字符串。

 var str="fighting 2018!";
str.charAt(3);//h

②indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。

语法:stringObject.indexOf(str,startpos)

str 必需,给定的需要检索的字符串。 startpos 可选的整数参数,规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

var str="fighting 2018!";
str.indexOf("t");//

③split()方法将字符串分割成字符串数组,并返回此数组

语法:stringObject.split(separator,limit)

separator 必需,从该参数指定的地方分割。 limit 可选,分割的次数

"2:3:4:5".split(":")    //将返回["2", "3", "4", "5"]
"|a|b|c".split("|") //将返回["", "a", "b", "c"]

④substring()方法用于提取字符串中介于两个指定下标之间的字符,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

语法:stringObject.substring(start,stop)

start 必需,一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。

stop 可选,一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。

 var str="Hello world!";
document.write(str.substring(3));//lo world!
document.write(str.substring(3,8));//lo wo

⑤substr()方法在字符串中抽取从 start 下标开始的指定数目的字符。

语法:stringObject.substr(start,length)

start 必需,要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。

length 可选,必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。

 var str="Hello world!";
document.write(str.substr(3));//lo world!
document.write(str.substr(3,7));//lo worl

⑥replace()方法用于在字符串中用一些字符替换掉另一些字符,或替换掉一个与正则表达式匹配的。返回经过替换操作后形成的新的字符串,不改变原字符串

语法:stringObject.replace(regexp/substr,newsubstr/function)

regexp/substr 必需,规定要替换掉的子字符串或要替换掉的模式的 RegExp 对象。

newsubstr/function 必需,规定了替换文本或生成替换文本的函数。

当为stringObject.replace(substr,newsubstr)时,只能替换掉第一次匹配的substr;

stringObject.replace(regexp,newsubstr/function)时,若reg有全局标志g,则才替换所有匹配的子串

且注意一点:stringObject.replace(regexp,function($,$1,$2.......))    $为匹配正则表达式的子串内容;$1,$2....为捕获组对应的内容

 var str="Visit Microsoft!";
document.write(str.replace(/Microsoft/, "W3School"));//Visit W3School!
var name = "Doe, John";
document.write(name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1"));//John Doe

⑦charCodeAt()方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

语法:stringObject.charCodeAt(index)

index 必需,表示字符串中某个位置的数字,即字符在字符串中的下标。

 var str="Hello world!";
document.write(str.charCodeAt(1));//

⑧formCharCode()方法接受一个指定的 Unicode 值,然后返回一个字符串。

语法:String.fromCharCode(numX,numX,...,numX)

numX 必需,一个或多个 Unicode 值,即要创建的字符串中的字符的 Unicode 编码。

 document.write(String.fromCharCode(72,69,76,76,79));//HELLO
document.write(String.fromCharCode(65,66,67));//ABC

二、Math

①ceil()方法 对一个数进行向上取整

语法:Math.ceil(x)  返回大于等于x 并且与x最接近的整数

②floor()方法 对一个数进行向下取整

语法:Math.floor(x) 返回小于等于x 并且与x最接近的整数

③round()方法 对一个数进行四舍五入取整

语法:Math.round(x) 返回最接近x的整数

④random()方法 返回介于 0 ~ 1 之间的一个随机数

语法:Math.random() 返回0.0 ~ 1.0 之间的一个随机数。

⑤max()方法返回指定的数中带有较大的值的那个数

语法:Math.max(x1,x2,.....) 返回x1,x2,.....中带有最高值的数字  如果有某个参数为 NaN,或是不能转换成数字的非数字值,则返回 NaN。

⑥min()方法返回指定的数中带有较小的值的那个数

语法:Math.min(x1,x2,......) 返回x1,x2,.....中带有最小值的数字  如果有某个参数为 NaN,或是不能转换成数字的非数字值,则返回 NaN。

 Math.ceil(3.2);//
Math.floor(3.7);//
Math.round(3.5);//
Math.random();//一个随机数
Math.max(3,6,6.2);//6.2
Math.min(3,4,34);//

三、Array

①concat()方法用于连接两个或多个数组。返回一个新的数组

语法:arrayObject.concat(arrayX,arrayX,......,arrayX)

arrayX 必需,该参数可以是具体的值,也可以是数组对象。可以是任意多个。

注:该方法不会改变原有的数组arrayObject,而仅仅会返回一个新,该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

 var a = [1,2,3];
var b=[4,5,6];
var c=a.concat(7,b);
document.write(c);//1,2,3,7,4,5,6

②join()方法用于把数组中的所有元素放入一个字符串。返回一个字符串,不改变原数组。

语法:arrayObject.join(separator)

separator 可选,指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

 var arr=["I","like","Front-end"];
var str=arr.join(" ");
document.write(str);//I like Front-end

③reverse()方法用于颠倒数组中元素的顺序,该方法会改变原来的数组,而不会创建新的数组。

语法:arrayObject.reverse()

var arr = new Array(3);
arr[0] = "a";
arr[1] = "b";
arr[2] = "c";
document.write(arr + "<br />");//a,b,c
document.write(arr.reverse());//c,b,a

④slice()方法从已有的数组中返回选定的元素构成一个新的数组。不改变原数组

语法:arrayObject.slice(start,end)   返回的新数组包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

start 必需,规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

end 可选,。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

 var arr=[1,2,3,4,5,6];
var newArr=arr.slice(1,3);
document.write(newArr);//2,3
document.write(arr);//1,2,3,4,5,6

⑤sort()方法使数组中的元素按照一定的顺序进行重新排序,该方法会改变原来的数组。

语法:arrayObject.sort(sortby)

sortby 可选,若使用时未传入参数,默认排序规则,是按照字符编码的顺序进行排序;若使用该参数,必须是函数(比较函数)规定排序顺序,即接收一个比较函数来实现自定义的排序。

比较函数要比较两个值,应该具有两个参数 a 和 b,然后返回一个用于说明这两个值的相对顺序的数字。

var sortby=function(a,b){

//函数体     注:开始时 a=arrayObject[0],b=arrayObject[1];然后a=调整后的arrayObject[1],b=调整后的arrayObject[2];以此类推,直到数组合中的元素全部循环判断一

}

其返回值如下:

  • 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值,此时不调换a、b顺序。
  • 若 a 等于 b,则返回 0,此时不调换a、b顺序。
  • 若 a 大于 b,则返回一个大于 0 的值,此时调换a、b的顺序。
 var arr = [10, 20, 1, 2];
//将数组中的元素按从小到大排列
arr.sort(function(a,b){
return a-b;
});
document.write(arr);//1,2,10,20

⑥splice()方法 向/从数组中添加/删除项目,然后返回被删除的项目组成的数组。该方法会改变原始数组。

语法:arrayObject.splice(index,howmany,item1,.....,itemX)

删除从index处开始的howmany个元素,并且可用列表中声明的一个或者多个值(item1,.....,itemX)来替换那些被删除的元素。

index 必需,整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany 必需,要删除的项目数量。如果设置为 0,则不会删除项目。 item1,.....,itemX可选,向数组添加的新项目。

 var arr=[1,2,3,4,5,6,7];
document.write(arr.splice(1,2,8,9));//2,3
document.write(arr);//1,8,9,4,5,6,7

⑦map()方法按照原始数组元素顺序依次处理元素。map()方法可以方便的遍历数组。返回一个新数组,不会改变原始数组。

语法:arrayObject.map(function(currentValue,index,arr), thisValue)

function(currentValue, index,arr) 必需,函数,数组中的每个元素都会执行这个函数。map()方法可给该回调函数传入三个值:currentValue (必选 当前元素的值); index (可选 当前元素的索引);

                                                                                                                                                                    arr (可选 当前元素属于的数组对象。后两者在回调函数中根据是否需要来决定是否作为参数传入)。

thisValue 可选,网上查到的说法是:对象作为该执行回调时使用,传递给函数,用作 "this" 的值。如果省略了 thisValue ,"this" 的值为 "undefined"。一般用不到该参数。

 var oldArray=[1,2,3];
var newArray=oldArray.map(function(val){
return val+=3;
});
alert(newArray);//4,5,6

⑧reduce()方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce()方法可以方便的迭代数组。不会改变原数组。

语法:arrayObject.reduce(function(previousValue, currentValue, currentIndex, arr), initialValue)

function(previousValue, currentValue, currentIndex, arr) 必需,函数,reduce()方法可给该回调函数传入四个值:previousValue (必选 上一次调用回调返回的值,或者是提供的初始值(initialValue));currentValue (必选 数组中当前被处理的元素);

currentIndex(可选 当前元素在数组中的索引);arr (可选 调用 reduce 的数组) 。 

initialValue 可选,若不设置。则初始值将变成数组中的第一项,而currentValue即从数组中的第二项开始。

 var arr=[2,4,3,7];
//数组中的元素进行累加
var val=arr.reduce(function(n1,n2){
return n1+n2;
},0);
document.write(val);//

⑨filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。filter()方法可以方便的遍历数组,对元素进行过滤。不会改变原始数组。

语法:arrayObject.filter(function(currentValue,index,arr), thisValue)

function(currentValue,index,arr) 必选,函数,filter()方法可给该回调函数传入三个值:currentValue(必选 当前元素的值);index(可选 当前元素在数组中的索引);arr(可选 调用filter的数组)。

thisValue 可选,网上查到的说法是:对象作为该执行回调时使用,传递给函数,用作 "this" 的值。如果省略了 thisValue ,"this" 的值为 "undefined"。一般用不到该参数。

 var oldArr=[1,2,3,55,65,34];
var newArr=oldArr.filter(function(val){
return val>30;
});
document.write(newArr);//55,65,34

⑩arrayObject.pop()  移除arrayObject中的最后一个元素,并返回该元素,改变原数组;

arrayObject.push(item1,item2,....) 将一个或多个参数item添加到数组arrayObject的尾部,改变原数组,并返回改变后的数组的长度;

arrayObject.shift() 移除arrayObject中的第一个元素,并返回该元素,改变原数组;

arrayObject.unshift(item1,item2,....)将一个或多个参数item添加到数组arrayObject的头部,改变原数组,并返回改变后的数组的长度;

(容易理解,不举例子啦~~~~)

补充:arrayObject.forEach()  用于调用数组的每个元素,并将元素传递给回调函数。返回值为undefined

语法:array.forEach(function(currentValue, index, arr), thisValue)

先这样~,有漏掉的以后再补充。

总结JS中string、math、array的常用的方法的更多相关文章

  1. JavaScript -- 时光流逝(四):js中的 Math 对象的属性和方法

    JavaScript -- 知识点回顾篇(四):js中的 Math 对象的属性和方法 1. Math 对象的属性 (1) E :返回算术常量 e,即自然对数的底数(约等于2.718). (2) LN2 ...

  2. JS中String与Array的一些常用方法

    真是恨透了这些类似于substring substr slice 要么长得像,要么就功能相近的方法... 1⃣️string 1.substring(start开始位置的索引,end结束位置索引) 截 ...

  3. JS中String,Math常用函数

    String对象: 1.length属性 说明:获取字符串的长度 实例: var str="abc"; var i=str.length;//output:3 2.charAt() ...

  4. js中的数组Array定义与sort方法使用示例

    Array的定义及sort方法使用示例 Array数组相当于java中的ArrayList  定义方法:  1:使用new Array(5  )创建数组 var ary = new Array(5): ...

  5. js中的BOM和DOM常用事件方法

    笔记: window对象 ● window.innerHeight - 浏览器窗口的内部高度 ● window.innerWidth - 浏览器窗口的内部宽度 ● window.open() - 打开 ...

  6. JS中String类型转换Date类型 并 计算时间差

    JS中String类型转换Date类型 1.比较常用的方法,但繁琐,参考如下:主要使用Date的构造方法:Date(int year , int month , int day)<script& ...

  7. Js中String转int

    Js中String转int 方案一代码: Number(str) 方案二代码: //parseInt 方法都有两个参数, 第一个参数就是要转换的对象, 第二个参数是进制基数, 可以是 2, 8, 10 ...

  8. js中的Math

    js中的Math Math.round 取最接近的整数 Math.round(-2.7) // -3 Math.ceil 向上取整 Math.ceil(1.1) // 2 Math.floor 向下取 ...

  9. JS中的call、apply、bind方法

    JS中的call.apply.bind方法 一.call()和apply()方法 1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]] ...

  10. JS中的forEach、$.each、map方法推荐

    下面小编就为大家带来一篇JS中的forEach.$.each.map方法推荐.小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 orEach是ECMA5中Array新方法中最 ...

随机推荐

  1. Xpath语法学习

    贴几个我学习Xpath的参考 1 基本使用的参考 XPath学习:基本语法(一) 2 较为详细且清晰例子参考,推荐 XPath 详解,总结 3 详细语法参考 Xpath语法格式整理 4 官方参考 XP ...

  2. Java的IO系统

     Java IO系统     "对语言设计人员来说,创建好的输入/输出系统是一项特别困难的任务."     由于存在大量不同的设计方案,所以该任务的困难性是很容易证明的.其中最大的 ...

  3. 【转】Linux从入门到精通——运维工程师成长路线图——CTO马哥Linux视频教学

    加油! http://edu.51cto.com/roadmap/view/id-2.html#6853467-sqq-1-36881-57ccc7d95ea58df839decd91bd220170

  4. CentOS 7 yum 安装 MySQL5.7

    1.下载 MySQL 官方的 Yum Repository ,官网地址:https://dev.mysql.com/downloads/repo/yum/ 从 MySQL 官网选取合适的 MySQL ...

  5. KBEngine游戏服务器(一)——引擎环境配置

    系统:Win10 版本:Visual Studio 2013(也就是vs120) kbengine:v1.0.0 MySQL:5.7 MySQL Workbench :6.3 一.下载kbengine ...

  6. Linux下使用skipfish扫描网站漏洞步骤

    skipfish是谷歌开发的网站安全扫描工具. 下载地址:http://pan.baidu.com/s/1kTC66lL svn更新地址(一般链接不上,网速很慢): http://skipfish.g ...

  7. Keil中搭建自动化单元测试框架Unity

    前言: 虽然一些C++的自动化单元测试框架也能用来C语言单元测试,但那样我们编写C语言程序时需要符合C++的标准,这样有一些C的特性是无法使用的,限制C的特性使用不太好,于是找了一个全部用C实现的自动 ...

  8. 洛谷 [P1118] IOI1994 数字三角形

    简单dfs 我们注意到,题目中的运算方式与杨辉三角极其相似,所以说本题实际上是一道加权的杨辉三角,搜索系数 #include <iostream> #include <cstdio& ...

  9. POJ 3348 Cows [凸包 面积]

    Cows Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 9022   Accepted: 3992 Description ...

  10. 小笔记:Timer定时间隔时间操作

    小笔记:Timer定时间隔时间操作,后面有时间再补充和完善: public class TimingSvc { /// <summary> /// 定时器,执行定时任务 /// </ ...