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 ...
随机推荐
- 扩增|feather evolution
Wool vs feather 扩增方法:1.Gene Duplication2.Genome Duplication3.Cluster 哺乳动物毛发和鸟类的羽毛,都来自于角蛋白. 羽毛进化图 DNA ...
- CentOS-Apache服务(1)
title date tags layout CentOS6.5 配置Apache及多站点VirtualHost 2018-08-29 Centos6.5服务器搭建 post 1.安装httpd服务 ...
- HTML语言 网页制作-----标签、表格、表单、框架
一:序 Html静态网页,内容(hyper text markup language,超文本标记语言) Css 网页美化 Javascript 脚本语言 二:html的介绍 <!DOCTYPE ...
- Fire-Fighting Hero(多源最短路和单源最短路)
题:https://nanti.jisuanke.com/t/41349 分析:对于hero来说,走单源最短路,然后遍历dis数组中的最大值即可找到,对于消防员来说,走多源最短路,只需要建个超级起点连 ...
- leaflet本地加载arcgis切片
var origin = [-20037700, 33711400];//图层起点坐标 var resolutions = [ 8466.6836000338681, // Level 0 4233. ...
- [LC] 71. Simplify Path
Given an absolute path for a file (Unix-style), simplify it. Or in other words, convert it to the ca ...
- 前后端分离,使用nginx解决跨域问题
前端:vue.js+nodejs+webpack 后台:SpringBoot 反向代理服务器:nginx 思想:将前端代码打包,让nginx指向静态资源,nginx对后台请求进行转发. 1.将前端代码 ...
- SpringMVC学习笔记七:SpringMVC的数据验证
SpringMVC支持JSR(Java Specification Requests, Java规范提案)303-Bean Validation数据验证规范,该规范的实现者很多,其中较常用的是 Hib ...
- Android开发之《ffmpeg解码mjpeg视频流》
MJPEG格式和码流分析,MJPEG格式的一些简介 FFmpeg解码USB摄像头MJPEG输出:http://blog.csdn.net/light_in_dark/article/details/5 ...
- ranche2.0-CN
遵循以下两步,快速运行rancher2.0 Step1:准备一台linux主机 准备一台64位Linux主机(推荐centos7.5+),至少4GB内存.安装Kubernetes支持的Docker-c ...