JS基础入门篇(十二)—JSON和Math
1.JSON
JSON:
对象格式的字符串
轻量的数据传输格式
注意事项: 键名 需要 使用 双引号 包起来
JOSN有两个方法:JSON.parse和 JSON.stringify。
- JSON.parse,将后台传来的字符串转化为对象。其字符串的内容就是对象才需要这个转。
- JSON.stringify,将后台传来的对象转化为字符串。
<script>
var book = '{"title": "Harry Potter","author": "J K. Rowling","year": 2005,"price": 29.99}';
console.log( JSON.parse( book ) );
console.log( book );
//------------------------------------------
var obj = {
name: "k",
age: 25
};
console.log( JSON.stringify( obj ) );
console.log( obj );
</script>
结果为。
2.Math — Part1
Math.ceil
对数向上取整
Math.floor
对数向下取整
Math.random
取0到1的随机数。包括0,但不包括1。
Math.abs
取绝对值
举例说明:
<script>
console.log("---------向上取整-----------");
console.log(Math.ceil(2.3));//3
console.log(Math.ceil(2.1));//3
console.log(Math.ceil(2.0));//2
console.log(Math.ceil(-2.3));//-2
console.log(Math.ceil(-2.0));//-2
console.log(Math.ceil(-2.9));//-2
console.log(Math.ceil(-0.5));//0
console.log("-------向下取整-------------");
console.log(Math.floor(2.3));//2
console.log(Math.floor(2.1));//2
console.log(Math.floor(2.0));//2
console.log(Math.floor(-2.3));//-3
console.log(Math.floor(-2.0));//-2
console.log(Math.floor(-2.9));//-3
console.log(Math.floor(-0.5));//-1
console.log("-------随机数-------------");
console.log(Math.random());//值是0-1之间的随机数,包括0,不包含1。、
console.log("-------取绝对值-------------");
console.log(Math.abs(-2));//2
console.log(Math.abs(2));//2
</script>
3.Math.random的使用
1.取随机数0—10的整数
<script>
console.log(Math.floor(Math.random()*10));
</script>
2.取5到7之间的数
<script>
console.log(Math.random()*2+5);
</script>
4.Math—Part2
Math.max
取到最大数
Math.min
取到最小数
Math.PI
取到圆周率
Math.PI 的使用:
将弧度转化为角度 deg=rad/Math.PI*180;
将角度转化为弧度 rad=deg/180*Math.PI;
<script>
console.log("--------Math.PI----------");
console.log(Math.PI);//3.141592653589793
console.log("--------Math.max----------");
console.log(Math.max(1,3,4,5,9,8));//9
console.log("--------Math.min----------");
console.log(Math.min(1,3,4,5,9,8));//1
console.log("--------Math.min,当传入数组返回NAN----------");
console.log(Math.min([1,3,4,5,9,8]));//NAN
console.log("-------Math.min,想要将数组内的值传入进去,可以在数组前加入... ----------");
console.log(Math.min(...[1,3,4,5,9,8]));//1
console.log(...[1,2,3]);//1,2,3
console.log(...[1,2,[1,2]]);//1,2,[1,2]
</script>
5.Math—Part3
Math.pow(num,n);
num的n次方。
n个num相乘
Math.sqrt(mun);
num的平方根
举例说明
<script>
console.log("------Math.pow------");
console.log(Math.pow(3,4));//81
console.log("------Math.sqrt------");
console.log(Math.sqrt(4));//2
console.log(Math.sqrt(3));//1.7320508075688772
</script>
JS基础入门篇(十二)—JSON和Math的更多相关文章
- JS基础入门篇(二十七)—BOM
虽然上次写到js基础篇(二十四),这次直接写到(二十七).是为了提醒自己中间有几篇没写.特此说明一下啊. 1.window.open() 使用a标签呢,点击一下a标签页面才会跳转,有时候我们需要做的操 ...
- JS基础入门篇(二十四)—DOM(下)
1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父级节点的距离. <!DOCTYPE html> <html lang=" ...
- JS基础入门篇(二十)—事件对象以及案例(二)
案例一.点击按钮,选中input中的全部内容 select()方法:选中全部. 点击按钮选中输入框中的内容!!!! <!DOCTYPE html> <html lang=" ...
- JS基础入门篇(二十四)—DOM(上)
1.常用的节点类型,nodeType,attributes,childNodes. 1.元素节点 - 1 2.属性节点 - 2 3.文本节点 - 3 4.注释节点 - 8 5.文档节点 - 9 查看节 ...
- JS基础入门篇(三十五)—面向对象(二)
如果没有面向对象这种抽象概念的小伙伴,建议先看一下我写的JS基础入门篇(三十四)-面向对象(一)
- MyBatis基础入门《十二》删除数据 - @Param参数
MyBatis基础入门<十二>删除数据 - @Param参数 描述: 删除数据,这里使用了@Param这个注解,其实在代码中,不使用这个注解也可以的.只是为了学习这个@Param注解,为此 ...
- JS基础入门篇(三十四)— 面向对象(一)
1.对象 对象的定义 : 对象 是 由 键值对 组成的无序集合. 创建对象两种方法 : 方法一 : 字面量方法 var obj = {name: "k"}; 方法二 : new O ...
- JS基础入门篇(四十三)—ES6(二)
1.对象简洁表示法 原来写法 var name = "lzf"; var gender = "male"; var fn = function(){consol ...
- JS基础入门篇(十八)—日期对象
1.日期对象 日期对象: 通过new Date()就能创建一个日期对象,这个对象中有当前系统时间的所有详细信息. 以下代码可以获取当前时间: <script> var t = new Da ...
随机推荐
- 吴裕雄--天生自然python Google深度学习框架:人工智能、深度学习与机器学习相互关系介绍
- vue2.XX 提示[Vue warn]: Error in render: "TypeError: Cannot read property 'img' of undefined"
item 是向后台请求的一条数据,里面包含img,但是却提示img未定义 父组件向子组件传递数据时, 子组件 具体代码: <img :src="item.img" /> ...
- SMTP错误码/建议解决方法
SMTP错误码/建议解决方法 错误总表 420 1. Timeout Communication Problem Encountered During Transmission. Thie Is a ...
- 压缩感知与稀疏模型——Convex Methods for Sparse Signal Recovery
第三节课的内容.这节课上课到半截困了睡着了,看着大家都很积极请教认真听讲,感觉很惭愧.周末不能熬太晚.这个博客就记录一下醒着时候听到的内容. Motivation 目前的时代需要处理的数据量维度可能很 ...
- javaweb三大框架SSH
1.MVC三层架构:模型层,控制层和视图层.模型层,用Hibernate框架让来JavaBean在数据库生成表及关联,通过对JavaBean的操作来 对数据库进行操作:控制层,用Struts框架来连接 ...
- cs231n spring 2017 Python/Numpy基础
本文使根据CS231n的讲义整理而成(http://cs231n.github.io/python-numpy-tutorial/),以下内容基于Python3. 1. 基本数据类型:可以用 prin ...
- OpenCV 霍夫线变换
#include "opencv2/highgui/highgui.hpp" #include "opencv2/imgproc/imgproc.hpp" #i ...
- 关于使用css变量实现主题的切换效果
现在要实现网页主题的切换成本较小的一种方案就是使用css的变量来实现 HTML 在HTML的body标签上先定义一个id元素属性 <body id="sm-theme"> ...
- <JZOJ5944>信标
emmm树形dp?好像是的 搬一个题解证明过来 由于在n>1时答案至少为1,我们枚举一个必须放的根, 所有深度不同的点就被区分开了. 设一个节点有c个儿子, 发现必须在其中至少c−1个儿子的子树 ...
- drf中的jwt使用与手动签发效验
jwt认证 1)session存储token,需要数据库参与,耗服务器资源.低效 2)缓存存token,需要缓存参与,高效,不易集群 3)客户端存token,服务器存签发与交易token的算法,高效, ...