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的更多相关文章

  1. JS基础入门篇(二十七)—BOM

    虽然上次写到js基础篇(二十四),这次直接写到(二十七).是为了提醒自己中间有几篇没写.特此说明一下啊. 1.window.open() 使用a标签呢,点击一下a标签页面才会跳转,有时候我们需要做的操 ...

  2. JS基础入门篇(二十四)—DOM(下)

    1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父级节点的距离. <!DOCTYPE html> <html lang=" ...

  3. JS基础入门篇(二十)—事件对象以及案例(二)

    案例一.点击按钮,选中input中的全部内容 select()方法:选中全部. 点击按钮选中输入框中的内容!!!! <!DOCTYPE html> <html lang=" ...

  4. JS基础入门篇(二十四)—DOM(上)

    1.常用的节点类型,nodeType,attributes,childNodes. 1.元素节点 - 1 2.属性节点 - 2 3.文本节点 - 3 4.注释节点 - 8 5.文档节点 - 9 查看节 ...

  5. JS基础入门篇(三十五)—面向对象(二)

    如果没有面向对象这种抽象概念的小伙伴,建议先看一下我写的JS基础入门篇(三十四)-面向对象(一)

  6. MyBatis基础入门《十二》删除数据 - @Param参数

    MyBatis基础入门<十二>删除数据 - @Param参数 描述: 删除数据,这里使用了@Param这个注解,其实在代码中,不使用这个注解也可以的.只是为了学习这个@Param注解,为此 ...

  7. JS基础入门篇(三十四)— 面向对象(一)

    1.对象 对象的定义 : 对象 是 由 键值对 组成的无序集合. 创建对象两种方法 : 方法一 : 字面量方法 var obj = {name: "k"}; 方法二 : new O ...

  8. JS基础入门篇(四十三)—ES6(二)

    1.对象简洁表示法 原来写法 var name = "lzf"; var gender = "male"; var fn = function(){consol ...

  9. JS基础入门篇(十八)—日期对象

    1.日期对象 日期对象: 通过new Date()就能创建一个日期对象,这个对象中有当前系统时间的所有详细信息. 以下代码可以获取当前时间: <script> var t = new Da ...

随机推荐

  1. 扩增|feather evolution

    Wool vs feather 扩增方法:1.Gene Duplication2.Genome Duplication3.Cluster 哺乳动物毛发和鸟类的羽毛,都来自于角蛋白. 羽毛进化图 DNA ...

  2. CentOS-Apache服务(1)

    title date tags layout CentOS6.5 配置Apache及多站点VirtualHost 2018-08-29 Centos6.5服务器搭建 post 1.安装httpd服务 ...

  3. HTML语言 网页制作-----标签、表格、表单、框架

    一:序 Html静态网页,内容(hyper text markup language,超文本标记语言) Css 网页美化 Javascript 脚本语言 二:html的介绍 <!DOCTYPE ...

  4. Fire-Fighting Hero(多源最短路和单源最短路)

    题:https://nanti.jisuanke.com/t/41349 分析:对于hero来说,走单源最短路,然后遍历dis数组中的最大值即可找到,对于消防员来说,走多源最短路,只需要建个超级起点连 ...

  5. leaflet本地加载arcgis切片

    var origin = [-20037700, 33711400];//图层起点坐标 var resolutions = [ 8466.6836000338681, // Level 0 4233. ...

  6. [LC] 71. Simplify Path

    Given an absolute path for a file (Unix-style), simplify it. Or in other words, convert it to the ca ...

  7. 前后端分离,使用nginx解决跨域问题

    前端:vue.js+nodejs+webpack 后台:SpringBoot 反向代理服务器:nginx 思想:将前端代码打包,让nginx指向静态资源,nginx对后台请求进行转发. 1.将前端代码 ...

  8. SpringMVC学习笔记七:SpringMVC的数据验证

    SpringMVC支持JSR(Java Specification Requests, Java规范提案)303-Bean Validation数据验证规范,该规范的实现者很多,其中较常用的是 Hib ...

  9. Android开发之《ffmpeg解码mjpeg视频流》

    MJPEG格式和码流分析,MJPEG格式的一些简介 FFmpeg解码USB摄像头MJPEG输出:http://blog.csdn.net/light_in_dark/article/details/5 ...

  10. ranche2.0-CN

    遵循以下两步,快速运行rancher2.0 Step1:准备一台linux主机 准备一台64位Linux主机(推荐centos7.5+),至少4GB内存.安装Kubernetes支持的Docker-c ...