Web 之 JavaScript 一些常用的方法或者开发技巧整理(代码整理)

一、简单介绍

二、整理内容

1、JavaScript 中，如何保留二位小数

2、度数转弧度

3、JavaScript 对象转换为 JSON 字符串，可使用 JSON.stringify()

4、Json 字符串解析

一、简单介绍

Web 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。

本节介绍，Web 开发中， JavaScript 一些较为常用的方法或者开发技巧整理，主要是做代码的整理吧，方便日后遇到方法查找使用，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。

二、整理内容

1、JavaScript 中，如何保留二位小数

1）toFixed(2)，使用数字类型自带的方法toFixed(n),其中参数就是需要保留的位数,这个转换的结果是字符类型。

var num =2.446242342;
num = num.toFixed(2);  // 输出结果为 2.45

2）Math.floor，结合Math.floor(),使用先乘后除的办法,比如要保留两位小数,Math.floor(pi*100)/100,如果要保留三位小数,那么就是Math.floor(pi*1000)/1000

Math.floor(15.7784514000 * 100) / 100   // 输出结果为 15.77

3）正则表达式截取，当作字符串，使用正则匹配

Number(15.7784514000.toString().match(/^\d+(?:\.\d{0,2})?/))   // 输出结果为 15.77,不能用于整数如 10 必须写为10.0000

2、度数转弧度

原理：算出一弧度的度数（180度为 π 弧度，所以一弧度度数为 180/π），然后度数除以一弧度的度数即可

// 一弧度的度数
const ONE_DEGREE_RADIAN = ( 180 / Math.PI )
// 角度转弧度
function degreeToRadian(degree) {

  return degree / ONE_DEGREE_RADIAN ;

}

3、JavaScript 对象转换为 JSON 字符串，可使用 JSON.stringify()

var json = JSON.stringify({a: 'Hello', b: 'World'}); //结果是 '{"a": "Hello", "b": "World"}'  一个JSON格式的字符串

4、Json 字符串解析

1）JSON.parse()可以解析json数据，但是有兼容性问题，可以下载 json2.js 使用

json2.js 网址：https://github.com/douglascrockford/JSON-js/blob/master/json2.js

JSON.parse('{"name":"xuyan","age":20}', function(k, v) {
            console.log(k); // 输出当前属性，最后一个为 ""
            return v;       // 返回修改的值
        });

2）利用eval解析json数据

注意：eval()方法是极其不安全的，尤其是在解析第三方数据的时候，万一第三方数据给你加点恶意代码什么的，可能对你不友好

方法一：
var jsonData = "{'name':'xuyan','age':20}";
eval("var j="+jsonData);
console.log(j);


方法二：
var jsonData = "({'name':'xuyan','age':20})";
var o = eval(jsonData);
console.log(o);