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 ...
随机推荐
- yum安装与卸载软件常见命令
1.使用yum安装和卸载软件,有个前提是yum安装的软件包都是rpm格式的. 安装的命令是,yuminstall ~,yum会查询数据库,有无这一软件包,如果有,则检查其依赖冲突关系,如果没有依赖冲突 ...
- 关于VLC无法播放rtsp的问题分析
我之前有一篇博客说,怎么通过vlc查日志,方法不知道是不是特别好,传送门:https://www.cnblogs.com/132818Creator/p/11136714.html 虽然在调试窗口上提 ...
- ibatis in语句参数传入方法
第一种:传入参数仅有数组 <select id="GetEmailList_Test" resultClass="EmailInfo_"& ...
- 复习break、continue、while、do-while的运用
一.复习: 循环.反复执行某段语句一种语法形式. 1.基本语法: for( 初始条件 ; 循环条件 ; 状态的改变 ) { 循环体 } 循环的四要素. 循环的执行过程.初始条件--循环条件--循环体- ...
- C++ this指针详解(精辟)
this 是 C++ 中的一个关键字,也是一个 const 指针,它指向当前对象,通过它可以访问当前对象的所有成员. 所谓当前对象,是指正在使用的对象.例如对于stu.show();,stu 就是当前 ...
- 转-web自动化测试,定位不到元素的原因及解决方案
1.动态id定位不到元素 分析原因:每次打开页面,ID都会变化.用ID去找元素,每次刷新页面ID都会发生变化. 解决方案:推荐使用xpath的相对路径方法或者cssSelector查找到该元素. 2. ...
- springmvc拦截器入门及其执行顺序源码分析
springmvc拦截器是偶尔会用到的一个功能,本案例来演示一个较简单的springmvc拦截器的使用,并通过源码来分析拦截器的执行顺序的控制.具体操作步骤为:1.maven项目引入spring依赖2 ...
- 统一管理jar包版本
<!-- 统一管理jar包版本 --> <properties> <spring.version>5.0.2.RELEASE</spring.version& ...
- zookeeper 单机部署
第一步:下载安装包 这里以3.4.11为例 https://archive.apache.org/dist/zookeeper/ 点进去看: 下载tar文件 第二步:上传到服务器 使用ftp工具上传 ...
- MIUI 7 会是小米的救命稻草吗?
7 会是小米的救命稻草吗?" title="MIUI 7 会是小米的救命稻草吗?"> 花无百日红,人无千日好.再绚烂的曾经,或许一朝不慎,就会成为过去.在科技圈,诺 ...