accessibilite elements d'array - javascript tome xxii

J.B.J.B.J.B. DadetDadetDadet DIASOLUKADIASOLUKADIASOLUKA LuyaluLuyaluLuyalu NzoyifuangaNzoyifuangaNzoyifuanga
JAVASCRIPT (ProgrammationInternet) VOL. XXII
+243 - 851278216 - 899508675 - 995624714 - 902263541 - 813572818
[email protected]
Les fonctions en JavaScript sont de simples objets exactement comme les
autres, et peuvent donc être créées avec l’opérateur « new ».
En plus, il existe en JavaScript un type de fonctions dit fonctions fléchées
dont la syntaxe est présentée ci-dessous.
Nous verrons aussi la difference entre parseInt, parseFloat et toString.
Nous verrons ensuite comment accéder (atteindre) les éléments d’une col-
lection, d’une array, et d’un objet.
Nous verrons aussi la composition (représentation) interne de l’élément <in-
put>.
Création de Function avec « new Function » :
<script type="text/javascript"> "use strict";
var mult = new Function('a', 'b', 'return a * b');
console.log(mult(Math.PI, Math.E));
/* 8.539734222673566 */
</script>
Fonctions fléchées :
<script type="text/javascript"> "use strict";
var f1 = (p1,p2) => p1*p1/p2
console.log(f1(80,182))
// 35.16483516483517 test.html:3:5
let pds=80, taille=182
var f2 = _ => pds*pds/taille
console.log(f2())
// 35.16483516483517 test.html:8:5
</script>
Difference entre parseInt, parseFloat et toString :
parseInt() : La fonction « parseInt() » lit dans la base spécifiée comme

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-XXII
Functions & Accessibilité éléments - 2/14 - dimanche, 14. octobre 2018 (3:41
pm)
deuxième paramètre [par défaut la base correspondant au format d’écri-
ture du nombre], l’entier qui commence une chaîne de caractères, et
l’affiche TOUJOURS en décimal.
parseFloat() : La fonction « parseFloat() » extrait le flottant qui
commence une chaîne de caractères.
toString() : La méthode « toString() » convertit le nombre en string et le
renvoie dans la base que vous spécifiez en paramètre.
Exemple, avec ou sans « use strict » :
<script> "use strict";
var pI=parseInt("0x10 heures 30 secondes")
// Lit 0x10 [en base utilisée {hexadécimale} (10h)]
// et l'affiche TOUJOURS en décimale (16d).
const h=parseInt("0100 jours",16)
// Lit 0100 en base Hexadécimale spécifiée
// et l'affiche TOUJOURS en décimale (16d).
let o=pI.toString(8)
// Lit 16d = 0x10 [TOUJOURS en décimale]
// et l'affiche en octale (020), comme spécifié.
const o1=parseInt("010")
// La base octale n'est pas reconnue en entrée.
// Lue en décimale.
const o2=parseInt("010",8)
// Lu en octale.
console.dir(pI+" | "+h+" | "+o+" | "+o1+" | "+o2)
var pF1=parseFloat("0x10 heures 30 secondes")
// Ne lit les hexédécimaux qu'avant le 'x'
// et affiche donc TOUJOURS zéro.
var pF2=parseFloat("16.85 heures",16)
// Lit 16.85 [TOUJOURS en décimal]
// et le renvoie TOUJOURS en décimale (16.50).
var pF3=pF2*2
// pF2 avait reçu en décimal.
let fo=pF2.toString(8)
// Lit 16.85d [TOUJOURS en décimale]
// et l'affiche en octale (20.663...), comme spécifié.
const fo1=parseFloat("010")
// La base octale n'est pas reconnue en entrée.
// Lue en décimale.

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-XXII
Functions & Accessibilité éléments - 3/14 - dimanche, 14. octobre 2018 (3:41
pm)
const fox=parseFloat("010",8)
var fo2=fox * 2
// Lit et renvoie en décimal.
console.dir(pF1+" | "+pF2+" | "+pF3+" | "+fo+" | "+fo1+" |
"+fo2)
//16 | 256 | 20 | 10 | 8
// 0 | 16.85 | 33.7 | 20.6631463146314632 | 10 | 20
</script>
Accessibilité des éléments d’une Collection :
<form name="fname">
<input id="r1" name="r1" value=1>
<input name="r1" value=2>
<input name="r3" value=3 checked>
<input id="r4" name="r4" value=4 checked=true>
<input name="r5" value=5 checked=checked>
</form>
<script> "use strict";
console.log(document.fname[0].value) // 1
console.log(document.fname["r3"].value) // 2
console.log(document.getElementById("r1").value) // 3
console.log(document.fname[0].checked)
// false
console.log(document.fname["r3"].checked)
// true
console.log(document.getElementById("r1").checked)
// false
console.log(document.getElementById("r4").checked)
// true
console.log(document.fname["r5"].checked)
// true
console.log(document.fname[0])
// <input id="r1" name="r1" value="1">
console.log(document.getElementById("r1"))
// <input id="r1" name="r1" value="1">
console.log(document.fname["r3"])
// <input name="r3" value="3" checked="">
console.log(document.fname["r4"])
// <input id="r4" name="r4" value="4" checked="true">
console.log(document.fname["r5"])

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-XXII
Functions & Accessibilité éléments - 4/14 - dimanche, 14. octobre 2018 (3:41
pm)
// <input name="r5" value="5" checked="checked">
console.log(document.fname)
// <form name="fname">
</script>
Accessibilité des éléments d’une Array :
<script> "use strict";
const p=Math.PI
var ar = [
"R1", p, Math.E,
{"R1":"yours",2:"Hers",3:"Hers","Abdel":"Name","2":"Again"},
["Dias",45,Math.PI,{},[]]
]
console.log(ar)
// Array(5) [ "R1", 3.141592653589793, 2.718281828459045, {…},
(5) […] ]
// (5) […]
// 0: "R1"
// 1: 3.141592653589793
// 2: 2.718281828459045
// 3: Object { 2: "Again", 3: "Hers", R1: "yours", …}
// 4: Array(5) [ "Dias", 45, 3.141592653589793, …]
// length: 5
// <prototype>: Array []
console.log(ar[1]) // 3.141592653589793
// console.log(ar.2)
// missing ) after argument list[En savoir plus] test.html:12:18
var r3=3; console.log(ar[r3])
// Object { 2: "Again", 3: "Hers", R1: "yours", Abdel: "Name" }
// {…}
// 2: "Again"
// 3: "Hers"
// Abdel: "Name"
// R1: "yours"
// <prototype>: Object { …}
console.log(ar["4"]) // 2.718281828459045
// Array(5) [ "Dias", 45, 3.141592653589793, {}, [] ]
// (5) […]
// 0: "Dias"
// 1: 45
// 2: 3.141592653589793
// 3: Object { }
// 4: Array []
// length: 5
// <prototype>: Array []

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-XXII
Functions & Accessibilité éléments - 5/14 - dimanche, 14. octobre 2018 (3:41
pm)
</script>
Accessibilité des éléments d’un Objet :
<script> "use strict";
var ob = function(p){
this.r1 = "R1";
this.r2 = p;
this.r3 = Math.E;
this.r4 = {"R1":"yours",2:"Hers",
3:"Hers","Abdel":"Name","2":"Again"};
this.r5 = ["Dias",45,Math.PI,{},[]]
}
var ar=new ob(9);
console.log(ar)
// ob {r1: "R1", r2: 9, r3: 2.718281828459045, r4: {…}, r5: Ar-
ray(5)}
// {…}
󰜌// r1: "R1"
󰜌// r2: 9
󰜌// r3: 2.718281828459045
󰜌// r4: Object { 2: "Again", 3: "Hers", R1: "yours", …}
󰜌// r5: Array(5) [ "Dias", 45, 3.141592653589793, …]
󰜌// <prototype>: Object { …}
console.log(ar[1]) // undefined
console.log(ar.r1) // R1
var r2="r2"; console.log(ar[r2]) // 9
console.log(ar["r3"]) // 2.718281828459045
console.log(ar.r4)
// Object { 2: "Again", 3: "Hers", R1: "yours", Abdel: "Name" }
// {…}
󰜌// 2: "Again"
󰜌// 3: "Hers"
󰜌// Abdel: "Name"
󰜌// R1: "yours"
// <prototype>: Object { …}
console.log(ar["r5"])
// Array(5) [ "Dias", 45, 3.141592653589793, {}, [] ]
// (5) […]
󰜌// 0: "Dias"
󰜌// 1: 45
󰜌// 2: 3.141592653589793
󰜌// 3: Object { }
󰜌// 4: Array []