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");//4
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 必需, 规定了替换文本或生成替换文本的函数
- 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));//101
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);//4
- Math.floor(3.7);//3
- Math.round(3.5);//4
- Math.random();// 一个随机数
- Math.max(3,6,6.2);//6.2
- Math.min(3,4,34);//3
三 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 的值, 此时不调换 ab 顺序
若 a 等于 b, 则返回 0, 此时不调换 ab 顺序
若 a 大于 b, 则返回一个大于 0 的值, 此时调换 ab 的顺序
- 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);//16
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 的头部, 改变原数组, 并返回改变后的数组的长度;
(容易理解, 不举例子啦~~~~)
先这样~, 有漏掉的以后再补充
来源: https://www.cnblogs.com/lihuijuan/p/8490578.html