JS 常用方法汇总(一)

除数取整:

1.只保留整数部分:parseInt(5/2)

2.向上取整,有小数就整数部分加1:Math.ceil(5/2)

3,四舍五入:Math.round(9/2)

4,向下取整:Math.floor(5/2)

保留小数几位

toFixed(2)

大小写:

1.使字符串全部变为小写:toLowerCase() \ toLocaleLowerCase()

2.使全部字符变为大写:toUpperCase() \ toLocaleUpperCase()

toLowerCase() 和toLocaleLowerCase()的区别,

少数语言(如土耳其语),会为Unicode大小写转换应用特殊的规则,一般来说,在不知道自己的代码将在那种语言环境中运行的情况下,还是使用针对地区的方法更稳妥一些。

字符串相关

1.  返回指定索引的字符:charAt()

2.  字符串拼接:concat()

3.  取从第几位到指定长度的字符串:substr()

var stringValue = "hello world";
console.log(stringValue.substr(3)); //"lo world"
console.log(stringValue.substr(3,7)); //"lo worl"

4.  取介于两个指定下标之间的字符串:substring()

var stringValue = "hello world";
console.log(stringValue.substring(3)); //"lo world"
console.log(stringValue.substring(3,7)); //"lo w"

5.  返回一个新的数组,介于两个指定下标之间的字符串:slice()

var stringValue = "hello world";
console.log(stringValue.slice(3)); //"lo world"
console.log(stringValue.slice(3,7)); //"lo w"

6.  返回子字符串的位置(没有找到返回-1):首次的位置:IndexOf、最后的位置:lastIndexOf

var stringValue = "hello world";
console.log(stringValue.indexOf("o"));  //4
console.log(stringValue.lastIndexOf("o")); //7

7.  删除头尾的空格:trim()

8.  检索指定的值:match()

var str1 = "lixiaoqi";
console.log(str1.match('iao')); //检索字符串,返回的是字符
console.log(str1.match('lll')); //没有指定的字符,返回的是null

9.  返回指定的第一个匹配项的索引(未检测到返回-1):search()

10.  替换现有字符串:.replace()

11.  把字符串分割成字符串数组:split(分隔符)

数组相关

1.   返回从原数组中指定开始下标到结束下标之间的项组成的新数组(原数组不变):slice()

var arr = [1,2,3,4,5,6,7,8];
console.log(arr.slice(4)); //从4开始到结束 [5, 6, 7, 8]
console.log(arr.slice(2,6));//数组下表从0开始,从2开始,到6的前一个位置结束 [3, 4, 5, 6]

2.  splice()

删除(2个参数,起始位置,删除的项数)
插入(3个参数,起始位置,删除的项数,插入的项)
替换(任意参数,起始位置,删除的项数,插入任意数量的项数)

var arr = [1,2,3,4,5];
console.log(arr.slice(2,3)); // 实际得到的新数组的项数是end-strat [3]
console.log(arr.slice(1,5)); // [2, 3, 4, 5]

3.  将参数添加到数组的最后,返回新数组的长度:push()

var arr = [1,2,3,4,5];
console.log(arr.push(6,7,8)); // 返回的是新数组的长度 8

4.  删除数组的最后一个元素,返回被删除的值(减少数组的长度):pop()

var arr = ['a', 'b', 'c', 'd', 'e'];
console.log(arr.pop()); // e
console.log(arr.length); // 4

5.  向数组的开头添加一个或多个的元素,并返回新的长度:unshift()

var arr = [1,2,3,4,5];
console.log(arr.unshift(2,4,5,{name:'liqi'})); //返回的是新数组的长度 9

6.  删除数组的第一个参数,数组的长度减1:shift()

var arr = ['a', 'b', 'c', 'd', 'e'];
console.log(arr.shift()); // 返回的是删除的数组的值 a

7.  按指定的参数对数组进行排序,返回的值是经过排序后的数组: sort()

var arr = [1,'q',3,6,2,'a',9];
console.log(arr.sort()); // 返回的是排序后的数组  [1, 2, 3, 6, 9, "a", "q"]

var nums = [1,5,6,7,3,8,30,4]
function sortNum(a,b){
return a-b
}
console.log(nums.sort(sortNum))

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

var arr = [1,2,3,4,5]
console.log(arr.reverse()); // [5, 4, 3, 2, 1]

9.  把两个字符串连接起来,返回的值是一个副本:concat(a, b)

var arr1 = [1,'q',3,6,2,'a',9];
console.log(arr1.concat('-', arr1)); //新创建一个数组,原数组不变 [1, "q", 3, 6, 2, "a", 9, "-", 1, "q", 3, 6, 2, "a", 9]
console.log(arr1); //原数组不变 [1,'q',3,6,2,'a',9]

10.  用分隔符将数组的元素组成一个字符串:join()

var arr1 = [1,'q',3,6,2,'a',9];
console.log(arr1.join(',')); //以逗号分隔 1,q,3,6,2,a,9
console.log(arr1.join(' ')); //以空格分隔 1 q 3 6 2 a 9

11.  从数组的开头向后查找,(接受两个参数,要查找的项和查找起点的位置索引):indexOf()

var arr = [1,2,3,4,5,6,78];
console.log(arr.indexOf(78, 2)); // 查找78所在的位置,返回的项的索引 6
console.log(arr.indexOf(3, 1)); // 2
console.log(arr.indexOf(2)); // 1

12.  从数组末尾开始获取:lastIndexof()

13.  遍历数组:for

var arr = [1, 4, 9, 16];
for (var i = 0; i < arr.length; i++){
    console.log(arr[i]);
}

14.  对数组的每个元素执行一次提供的函数:forEach()

var arr = ['a', 'b', 'c'];
arr.forEach(function(item) {
  console.log(item);  // a  // b  // c 
});

15.  对数组的每一项运行给定的函数,返回没戏函数调用的结果组成的数组:map()

var arr = [1, 4, 9, 16];
console.log(arr.map(x => x * 2)); //对数组的每项*2 [2, 8, 18, 32]

16.  通过检查指定数组中符合条件的所有元素(不会改变原始数组):filter()

var arr = [1,12,7,8,5]
function fn(i) {
   return i > 5;
}
console.log(arr.filter(fn)); // [12, 7, 8]

17.  把数组转换成字符串,每一项用,分割:toString()

var arr = [1,2,3,4,5]
console.log(arr.toString()); // 1,2,3,4,5

18.  数组的every和some方法

every 是所有函数的每个回调都返回 true 的时候才会返回 true,当遇到 false 的时候终止执行,返回 false。

some 函数是存在有一个函数返回 true 的时候终止执行并返回 true,否则返回 false。

// every
var arr = [1,6,8,-2,-5,7,-4]
var isPositive = arr.every(function(value){
    return value > 0;
})
console.log(isPositive) // false

//some
var arr = [1,6,8,-2,-5,7,-4]
var isPositive = arr.some(function(value){
    return value > 0;
})
console.log(isPositive) // true

19.  reduce(function(v1,v2),value) 和 reduceRight(functio(v1,v2),value)

遍历数组,调用回调函数,将数组元素组合成一个值,reduce 从索引最小值开始,reduceRight 反向,方法有两个参数(回调函数,把两个值合成一个,返回结果;value,一个初始值,可选) 

var arr = [1,2,3,4,5,6]
console.log(arr.reduce(function(v1,v2){
    return v1 + v2;
})) // 21
//开始是1+2 = 3,之后3+3 =6,之后6+4 =10,之后
//10+5 =15,最后15+6 =21

console.log(arr.reduce(function(v1,v2){
    return v1 - v2;
},100)) // 79
//开始的时候100-1=99,之后99-2=97,之后97-3=94,之后
//94-4=90,之后90-5=85,最后85-6=79

20.  判断一个对象是否为数组:isArray()

var arr = [3,4,5]
console.log(Array.isArray(arr)); // true

参考文章:https://www.cnblogs.com/joe235/p/13679218.html

对里面的内容进行了一些修改和补充,有问题请联系修正,Thanks♪(・ω・)ノ

未完待续~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值