Maison > Article > interface Web > Analyse de cas d'utilisation JSON et Math en JS
Analyse de cas d'utilisation JSON et Math en JS
- php中世界最好的语言original
- 2018-05-24 13:43:512456parcourir
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 :
对象格式的字符串 轻量的数据传输格式
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 = '{"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>
Le résultat est. 
2.Math — Partie 1
Math.ceil
对数向上取整
Math.floor
对数向下取整
Math.random
取0到1的随机数。包括0，但不包括1。
Math.abs
取绝对值
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>
3. Utilisation de Math.random
1 Prenez le entier du nombre aléatoire 0-10
<script>
console.log(Math.floor(Math.random()*10));
</script>
2. Prenez un nombre entre 5 et 7
<script>
console.log(Math.random()*2+5);
</script>4.Math—Part2
Math.max
取到最大数
Math.min
取到最小数
Math.PI
取到圆周率
Utilisation de 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的平方根
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>1.JSON
JSON :
对象格式的字符串 轻量的数据传输格式
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 = '{"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>Le résultat est.
Math.ceil
对数向上取整
Math.floor
对数向下取整
Math.random
取0到1的随机数。包括0，但不包括1。
Math.abs
取绝对值
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>3. Utilisation de Math.random
1. Prenez un nombre entier aléatoire 0-10
<script>
console.log(Math.floor(Math.random()*10));
</script>2. Prenez un nombre entre 5 et 74.Math—Part2
<script>
console.log(Math.random()*2+5);
</script>
Math.max
取到最大数Math.min
取到最小数Math.PI
取到圆周率Utilisation de Math.PI :
将弧度转化为角度 deg=rad/Math.PI*180; 将角度转化为弧度 rad=deg/180*Math.PI;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>
Math.pow(num,n);
num的n次方。 n个num相乘Math.sqrt(mun);
num的平方根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>
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 ReactCe 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!
Déclaration：
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
Article précédent：Explication détaillée des exemples d'algorithmes de tri dans le front-endArticle suivant：Explication détaillée des exemples d'algorithmes de tri dans le front-end
Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript