JavaScript常用方法总结

数组类

过滤数组中的数据: filter() // 返回true,过滤掉false

例:const newArray = Array.filter(val => val.id !== ‘001’);

 

查找数组中的数据: find()  // 返回查找到的元素

例:const data = Array.find(val => val.id === ‘001’);

 

查找数组中元素的位置: findIndex()  //返回符合条件的数组第一个元素位置,如果没有符合条件的元素返回 -1

例:const Array = [1,2,3,5,9,11,15]

const index = Array.findIndex(val => val > 10);  // 5

 

在数组开头增加元素:unshift() //返回增加后的数组长度

例:const Array = [1,2,3,5,9,11,15]

const length = Array.unshift(16);  // 8

 

在数组末尾增加元素:push()  //返回值增加后数组长度

例:const Array = [1,2,3,5,9,11,15]

const length = Array. push (16);  // 8

 

删除数组中第一个元素: shift()  //返回被删除的元素

例:const Array = [1,2,3,5,9,11,15]

const data = Array. shift ();  // 1

 

删除数组中最后一个元素:pop()  //返回被删除的元素

例:const Array = [1,2,3,5,9,11,15]

const data = Array. pop ();  // 15

 

循环遍历里面的每一个元素: forEach()

例:Array.forEach(val => {

       todo...

})

 

循环遍历里面的每一个元素: map()

例:Array.map(val => {

       todo...

})

 

将数组中的元素连接成字符串输出:join()

例:const Array = [1,2,3,5,9,11,15]

const newString = Array. join (‘!’);  // 1!2!3!5!9!11!15

 

连接两个数组:concat()

例:const Array = [1,2,3,5,9,11,15]

const ArrayTow = [16]

const newArray = Array. concat (ArrayTow);  // [1,2,3,5,9,11,15, 16]

 

从当前数组中截取一个新的数组:slice()  // 不影响原来的数组,参数start从0开始,end从1开始,end截取不到。

例:const Array = [1,2,3,5,9,11,15]

const newArray = Array. slice (3);  // [1,2]

 

删除或替换当前数组的某些项目:splice()  // 参数start,deleteCount,options(要替换的项目)

例:const Array = [1,2,3,5,9,11,15]

const newArray = Array. splice (0,1);  // [2,3,5,9,11,15]

 

将数组中的元素进行反转,倒序显示:reverse()

例:const Array = [1,2,3,5,9,11,15]

const newArray = Array. reverse ();  // [15,11,9,5,3,2,1]

 

将数组元素进行排序:sort()

例:const Array = [15,11,9,5,3,2,1]

const newArray = Array. sort (sortNumber);  // [1,2,3,5,9,11,15]

字符处理类

转换成大写:toUpperCase()

例:const data = “abcdEFG”;

const newString = data. toUpperCase();  // ABCDEFG

 

转换成小写:toLowerCase()

例:const data = “abcdEFG”;

const newString = data. toLowerCase();  // abcdefg

 

去除字符串两端的空格:trim()

例:const data = “   abcdEFG    ”;

const newString = data. trim();  // abcdEFG

 

返回指定内容在元字符串中的位置:indexOf()

例:const data = “abcdEFG”;

const length = data. indexOf (“b”);  // 1

 

从后往前找指定内容在元字符串中的位置:lastIndexOf()  // 只找第一个匹配的

例:const data = “abcdEFG”;

const length = data. indexOf (“b”);  // 5

 

 

将字符串分割成数组:split()

例:const data = “abcdEFG”;

const newArray = data. split (“”);  // [a,b,c,d,E,F,G]

 

替换字符串的某元素:replace()  // 返回替换后的字符串 *大小写敏感

例:const data = “abcdEFG”;

const newString = data. replace (“b”,”H”);  // aHcdEFG

 

拼接字符串:concat()

例:const data = “abcdEFG”;

const dataTow = “HIJK”;

const newString = data. concat (dataTow);  // aHcdEFGHIJK

 

截取字符串:slice()  // 从start位置开始,截取到end位置,end取不到

例:const data = “abcdEFG”;

const newString = data. slice (1,3);  // bc

 

截取字符串:substring()  // 从start位置开始,截取到end位置,end取不到

例:const data = “abcdEFG”;

const newString = data. slice (1,3);  // bc

 

 

截取字符串:substr()  // 从start位置开始,截取length个字符,只有一个参数时截取到最后

例:const data = “abcdEFG”;

const newString = data. slice (1);  // bcdEFG

 

返回长度:length

例:const data = “abcdEFG”;

const length = data. length;  // 7

 

搜索特定值的字符串:search()  // 返回匹配的位置

例:const data = “abcdEFG”;

const length = data. search(“c”);  // 2

 

数学类

四舍五入:round()  // 返回整数

例:Math.round(3.5)  // 4

Math.round(3.4)  // 3

 

上舍入:cril()  // 返回整数

例:Math. cril(3.5)  // 4

 

下舍入:floor()  // 返回整数

例:Math. floor(3.5)  // 3

 

取幂:pow(x,y)  // 返回x 的 y 次幂

例:Math. pow(3,2)  // 9

 

取平方:sqrt()

例:Math. pow(3)  // 9

 

取绝对值:abs()

例:Math. abs(-3)  // 3

 

取最大值:max()

例:Math. max(1,2,3,4,5)  // 5

 

取最小值:min()

例:Math. min(1,2,3,4,5)  // 1

 

取随机数:random()  // 返回 0-1 之间的小数,含0

例:Math. random ()  // 0-0.99999999999

 

日期类

获取年份:getFullYear()

获取月份:getMonth()

获取周:getDay()

获取日:getDate()

获取小时:getHours()

获取分钟:getMinutes()

获取秒:getSeconds()

获取毫秒:getMilliseconds()

你可能感兴趣的:(前端)