JS常用函数使用示例

编辑: admin 分类: 电脑知识 发布时间: 2023-06-14 来源:互联网
数组方法
  1. let ar=[1,4,6]
  2. let res=ar.filter(item=>item>4)//filter过滤,查找大于4的所有数据。
  3. let res=ar.map(item=>item==4)//map映射,返回一个新的数组,打印[false, true, false]。
  4. let res=ar.reduce((s,n)=> {
  5. return s+n;
  6. },0)//reduce汇总,打印11
  7. let ar=[6,4,19]
  8. ar.push(25) //数组末尾添加25
  9. ar.unshift(25) //数组开始添加25
  10. ar.pop() //删除一个末尾数据
  11. ar.shift() //删除一个开始数据
  12. ar.splice(0,1) //数组删除,重0下标开始删除,删除1个。
  13. ar.splice(1,0,9,8) //从1下标添加,0表示不删除,1下标前面添加9、8。
  14. ar.splice(1,0,...ar) //添加数组简写
  15. ar.every(age => age >= 8) //检测数组的所有元素是否都大于8,返回布尔值.
  16. ar.find(age => age >= 5)) //查找大于等于5的第一个数据。
  17. ar.includes(4) //查找没有4的值。返回布尔值。
  18. ar.findIndex(age => age >= 5) //查找大于等于5的key值。
数字类型
  1. parseFloat((0.1 + 0.2).toFixed(10))//0.3,适用于浮点数相加,不会造成小数点精度丢失。
  2. function accAdd (arg1, arg2) {//更精确的的写法
  3. let r1, r2, m;
  4. try{
  5. r1 = arg1.toString().split(".")[1].length
  6. } catch (e) {
  7. r1 = 0
  8. }
  9. try{
  10. r2 = arg2.toString().split(".")[1].length
  11. } catch (e) {
  12. r2 = 0
  13. }
  14. m = Math.pow(10, Math.max(r1,r2))
  15. return (parseInt(arg1*m, 10) + parseInt(arg2*m, 10)) / m
  16. }
  17. console.log(accAdd(0.13,0.69889))
字符串方法startsWith 判断以什么字符串开头endsWith 判断以什么字符串结尾
  1. let url = "https://www.baidu.com";
  2. if(url.startsWith('https')){
  3. console.log(url)
  4. }else{
  5. console.log('不是以 https 开头的')
  6. }
  7. if(url.endsWith('cn')) {
  8. console.log(url);
  9. }else{
  10. console.log(" 不是以 .cn 结尾的 URL");
  11. }
JSON对象JSON.stringify() 串行化JSON.parse() 反串行化
  1. let obj = {name:'张三',age:222};
  2. obj=JSON.stringify(obj);//把obj转成字符串
  3. console.log(obj);
  4. obj=JSON.parse(obj);//把obj字符串转成JSON对象
  5. console.log(obj);
replace()正则表达式,方法用于在字符串中用一些字符替换另一些字符。
  1. res.replace(/\<img/gi, '<img style="width:100%;height:auto"');
  2. //把<img替换成<img style="width:100%;height:auto"
  3. //g代表全局替换,
  4. //i代表替换的内容不区分大小写
  5. // \代表转义符
【出处:响水网页制作公司 http://www.1234xp.com/xiangshui.html 复制请保留原URL】