简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

Analyse de cas d'utilisation JSON et Math en JS

php中世界最好的语言
Libérer： 2018-05-24 13:43:51
original
2456 Les gens l'ont consulté

Cette fois, je vais vous présenter une analyse de cas de JSON et Math en JS. Quelles sont les précautions lors de l'utilisation de JSON et Math en JS. Ce qui suit est un cas pratique, jetons un coup d'oeil.

1.JSON

JSON : 

对象格式的字符串
轻量的数据传输格式
Copier après la connexion
Copier après la connexion

Remarque : Nom de la clé requis Utilisation guillemets doubles pour envelopper

JOSN a deux méthodes : JSON.parse et JSON.stringify.

  • JSON.parse, convertit la chaîne envoyée depuis l'arrière-plan en objet. Cette conversion n'est nécessaire que lorsque le contenu de la chaîne est l'objet.

  • JSON.stringify, convertit les objets passés depuis l'arrière-plan en chaînes. 

<script>
    
    var book = &#39;{"title": "Harry Potter","author": "J K. Rowling","year": 2005,"price": 29.99}&#39;;    
    console.log( JSON.parse( book ) );    
    console.log( book );
//------------------------------------------
    var obj = {
        name: "k",
        age: 25
    };    
    console.log( JSON.stringify( obj ) );
    console.log( obj );
    
</script>
Copier après la connexion
Copier après la connexion

Le résultat est.
Analyse de cas dutilisation JSON et Math en JS

2.Math — Partie 1

Math.ceil

对数向上取整
Copier après la connexion
Copier après la connexion

Math.floor 

对数向下取整
Copier après la connexion
Copier après la connexion

Math.random

取0到1的随机数。包括0，但不包括1。
Copier après la connexion
Copier après la connexion

Math.abs

取绝对值
Copier après la connexion
Copier après la connexion

Exemple : 

<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>
Copier après la connexion
Copier après la connexion

3. Utilisation de Math.random

1 Prenez le entier du nombre aléatoire 0-10

 <script>
        console.log(Math.floor(Math.random()*10));
 </script>
Copier après la connexion
Copier après la connexion

2. Prenez un nombre entre 5 et 7

<script>
        console.log(Math.random()*2+5);
</script>
Copier après la connexion
Copier après la connexion
4.Math—Part2

Math.max

取到最大数
Copier après la connexion
Copier après la connexion

Math.min

取到最小数
Copier après la connexion
Copier après la connexion

Math.PI

取到圆周率
Copier après la connexion
Copier après la connexion

Utilisation de Math.PI : 

将弧度转化为角度 deg=rad/Math.PI*180;
将角度转化为弧度 rad=deg/180*Math.PI;
Copier après la connexion
Copier après la connexion
<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>
Copier après la connexion
Copier après la connexion
5.Math—Part3

Math.pow(num,n); 

num的n次方。
n个num相乘
Copier après la connexion
Copier après la connexion

Math.sqrt(mun);

num的平方根
Copier après la connexion
Copier après la connexion

Exemple

<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>
Copier après la connexion
Copier après la connexion
1.JSON

JSON : 

对象格式的字符串
轻量的数据传输格式
Copier après la connexion
Copier après la connexion

Remarque : Le nom de la clé doit être placé entre guillemets doubles

JOSN a deux méthodes : JSON.parse et JSON.stringify.

  • JSON.parse, convertit la chaîne envoyée depuis l'arrière-plan en objet. Cette conversion n'est nécessaire que lorsque le contenu de la chaîne est l'objet.

  • JSON.stringify, convertit les objets passés depuis l'arrière-plan en chaînes. 

<script>
    
    var book = &#39;{"title": "Harry Potter","author": "J K. Rowling","year": 2005,"price": 29.99}&#39;;    
    console.log( JSON.parse( book ) );    
    console.log( book );
//------------------------------------------
    var obj = {
        name: "k",
        age: 25
    };    
    console.log( JSON.stringify( obj ) );
    console.log( obj );
    
</script>
Copier après la connexion
Copier après la connexion
Le résultat est.


Analyse de cas dutilisation JSON et Math en JS

2.Math — Partie 1

Math.ceil

对数向上取整
Copier après la connexion
Copier après la connexion

Math.floor 

对数向下取整
Copier après la connexion
Copier après la connexion

Math.random

取0到1的随机数。包括0，但不包括1。
Copier après la connexion
Copier après la connexion

Math.abs

取绝对值
Copier après la connexion
Copier après la connexion

Exemple : 

<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>
Copier après la connexion
Copier après la connexion
3. Utilisation de Math.random

1. Prenez un nombre entier aléatoire 0-10

 <script>
        console.log(Math.floor(Math.random()*10));
 </script>
Copier après la connexion
Copier après la connexion
2. Prenez un nombre entre 5 et 7

4.Math—Part2
<script>
        console.log(Math.random()*2+5);
</script>
Copier après la connexion
Copier après la connexion

Math.max

取到最大数
Copier après la connexion
Copier après la connexion
Math.min

取到最小数
Copier après la connexion
Copier après la connexion
Math.PI

取到圆周率
Copier après la connexion
Copier après la connexion
Utilisation de Math.PI : 

将弧度转化为角度 deg=rad/Math.PI*180;
将角度转化为弧度 rad=deg/180*Math.PI;
Copier après la connexion
Copier après la connexion
5.Math—Part3
<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>
Copier après la connexion
Copier après la connexion

Math.pow(num,n);

num的n次方。
n个num相乘
Copier après la connexion
Copier après la connexion
Math.sqrt(mun);

num的平方根
Copier après la connexion
Copier après la connexion
Exemples

Je crois que vous maîtrisez la méthode après avoir lu le cas dans ce Pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! 
<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>
Copier après la connexion
Copier après la connexion

Lecture recommandée :

Explication détaillée des étapes de mise en œuvre de PromiseA+


Explication détaillée des étapes pour mettre en évidence les éléments sélectionnés li dans l'implémentation de React

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
javascript math 案例分析
source：php.cn
Article précédent：Explication détaillée des exemples d'algorithmes de tri dans le front-end Article suivant：Analyse de l'utilisation de bootstarp+table
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Méthode CSS uniquement pour modifier dynamiquement le src de l'image au clic sans utiliser JavaScript Je dois changer le src d'une image en cliquant sur la souris en utilisant uniquement du CS...
Depuis 2024-04-06 19:25:49
0
1
505
Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
Depuis 2024-04-06 18:16:26
0
1
403
Événements de survol JavaScript sur des pseudo-éléments spécifiques au fournisseur Il s'agit de HTMLinput.$("input[type='range']::-webkit-slider-thumb").on('hover'...
Depuis 2024-04-06 15:35:24
0
1
274
Soumettre le formulaire sans bouton en utilisant Javascript/Jquery J'essaie de soumettre un formulaire sans bouton en appelant une fonction JavaScript et en ...
Depuis 2024-04-06 14:54:03
0
2
421
Personnalisez l'apparence des en-têtes accordéon Bootstrap à l'aide de la classe CollapseDisplay Je souhaite styliser le titre de la carte d'un panneau avec la classeeffondrementshow. Dan...
Depuis 2024-04-06 12:53:11
0
1
376
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！