javascript - paramètres du reste

Transcription

Paramètres du reste
J AVA S C R I P T (Programmation Internet)
Pour Débutants
J.B. Dadet DIASOLUKA Luyalu Nzoyifuanga
+243 - 851278216 - 899508675 - 995624714 - 902263541 - 813572818
[email protected]
INTRODUCTION :
En JavaScript, on peut passer à une fonction plus d’arguments qu’on a déclaré de paramètres formels dans la définition de la fonction à appeler et à
laquelle on passe des paramètres :
<script type="text/javascript"> "use strict";
function callFct(){
console.log(
"Les " + arguments.length +
" arguments passés sont :");
for(let k in arguments) {
console.log(arguments[k]);
}
}
callFct(
"Diasoluka" , new Date().getFullYear() , Math.PI)
callFct("Diasoluka" ,new Date().getFullYear() ,
Math["PI"] , Math.E , Math.SQRT2)
</script>
Exécution :
Les 3 arguments passés sont :
test.html:4:7
Diasoluka
test.html:9:11
J.D.B. DIASOLUKA Nz. Luyalu
2018
3.141592653589793
JavaScript Tome-II
test.html:9:11
test.html:9:11
Les 5 arguments passés sont : test.html:4:7
Diasoluka
2018
3.141592653589793
2.718281828459045
1.4142135623730951
test.html:9:11
test.html:9:11
test.html:9:11
test.html:9:11
test.html:9:11
On peut aussi accéder aux arguments comme suit :
function called(){
console.log(
"Les " + arguments.length +
" arguments passés sont :");
for(let k=0 , l=arguments.length ; k<l ; k++) {
console.log(arguments[k]);
}
}
called(
"Diasoluka" , new Date().getFullYear() ,
Math.PI)
called("Diasoluka",new Date().getFullYear() ,
Math.PI , Math.E , Math.SQRT2)
</script>
Exécution :
test.html:4:7
Diasoluka
test.html:9:11
- 2 / 36 - jeudi, 4. avril 2019 (10:48 )
2018
3.141592653589793
JavaScript Tome-II
test.html:9:11
test.html:9:11
test.html:4:7
Diasoluka
2018
3.141592653589793
2.718281828459045
1.4142135623730951
test.html:9:11
test.html:9:11
test.html:9:11
test.html:9:11
test.html:9:11
On n’est donc en fait pas obligé de déclarer des paramètres formels dans la
définition d’une fonction, si ce n’est pour faciliter la correspondance qui
donne pratiquement exactement le même résultat :
Mais on n’est pas non plus obligé d’utiliser tous les paramètres formels
nommés, tout comme on peut n’en utiliser aucun. Certains paramètres peuvent être prévus pour les versions ultérieures du programme, en tant que
« placeholder ».
Pour sauter un argument tout en passant (envoyant) l’argument qui vient
après lui dans la liste, il suffit d’utiliser « null » ou « undefined » sans
guillemets comme valeur de l’argument à sauter :
let fct = function (p1,p2,p3,p4) {
console.log(p1,p2,p3);
console.log(
arguments[0],arguments[1],arguments[2]
);
console.log(
arguments[0],arguments[1],arguments[2],
arguments[3],arguments[4],arguments[5]
);
console.log("");
}
fct();
fct(1);
fct(1,2);
- 3 / 36 - jeudi, 4. avril 2019 (10:48 )
fct(undefined,2);
fct(null,2);
JavaScript Tome-II
// fct( , 2);
// SyntaxError: expected expression,
// got ','
test.html:19:6
</script>
Exécution :
undefined undefined undefined
test.html:3:5
undefined undefined undefined
test.html:4:5
undefined undefined undefined undefined undefined undefined
test.html:7:5
1 undefined undefined
test.html:3:5
1 undefined undefined
test.html:4:5
1 undefined undefined undefined undefined undefined
test.html:7:5
1 2 undefined
1 2 undefined
1 2 undefined undefined undefined undefined
test.html:3:5
test.html:4:5
test.html:7:5
undefined 2 undefined
test.html:3:5
undefined 2 undefined
test.html:4:5
undefined 2 undefined undefined undefined undefined
test.html:7:5
null 2 undefined
test.html:3:5
null 2 undefined
test.html:4:5
null 2 undefined undefined undefined undefined test.html:7:5
N.B. :
Les fonctions fléchées (= Arrow Functions = fat arrow functions) ne
tolèrent (n’acceptent) pas le mot-clé « arguments ».
const fselo = function(p) {
- 4 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
let s,r;
if(arguments[0]==undefined){
console.log("'"+arguments[0]+"'")
// 'undefined'
console.log("'"+typeof arguments[0]+"'")
// 'undefined'
}
}
fselo();
const fself = (p) => {
let s,r;
if(arguments[0]==undefined){ }
// 08:42:15,637 ReferenceError:
//
arguments is not defined
}
fself();
</script>
test.html:17:1
LES PARAMÈTRES DU RESTE :
En fait, quand on passe des arguments à une fonction lors de son invocation,
tous ces arguments (arguments ordinaires et ceux du paramètre du reste)
sont regroupés dans une même Array avec Yandex, et dans un objet avec
Firefox, appelé dans les deux cas « arguments ».
let fct = function(p, q, r, ...reste) {
console.log("L'ensemble des arguments passés sont :");
console.log(arguments)
console.log("ou");
console.log(Object.entries(arguments));
}
fct(
1,"deux",{trois:3,quatre:4},
"pr1","pr2","pr3"
);
</script>
- 5 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
Exécution avec Firefox :
Exécution avec Yandex :
- 6 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
Cependant, les paramètres du reste sont encore particulièrement quant à eux
regroupés avec les deux navigateurs, dans une array spéciale individualisée
portant le nom que vous avez donné à ce paramètre du reste.
let t;
- 7 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
console.log("Les arguments du reste passés sont :");
console.log(reste)
console.log(Object.entries(reste))
console.log(Object.keys(reste))
console.log(Object.values(reste))
}
fct(
"pr1","pr2","pr3"
);
</script>
- 8 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
- 9 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
Syntactiquement parlant, un « paramètre du reste » est un paramètre
nommé précédé de trois points (…) qui, lors d’un appel à fonction, devient
une Array contenant le reste d’arguments (ceux qui n’ont pas de correspondant dans la liste des paramètres formels nommés qui le précède.
let t;
console.log("L'ensemble des arguments passés sont :");
console.log(arguments);
console.log("ou");
console.log(Object.entries(arguments));
console.log(Object.keys(arguments))
console.log(Object.values(arguments))
console.log("=".repeat(35))
- 10 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
console.log(
"Les entries, keys et values de"+
" « arguments » sont :");
console.log(Object.entries(arguments))
console.log(Object.keys(arguments))
console.log(Object.values(arguments))
console.log("=".repeat(35))
console.log("Les arguments du reste passés sont :");
console.log(reste)
console.log(Object.entries(reste))
console.log(Object.keys(reste))
console.log(Object.values(reste))
return arguments;
}
let retf=fct(
"pr1","pr2","pr3"
);
t="";
for(let i of retf) t+=i+" | ";
console.log(t);
</script>
- 11 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
- 12 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
On ne peut avoir qu’un seul paramètre du reste, et il doit être le dernier des
paramètres nommés, bien que le nombre de paramètres formels nommés
qui le précèdent ne soit pas limité mais il en faut au moins un.
let restParametersFct =
(formalParameter, ...restParametes) => {
console.log(formalParameter);
console.log(restParametes);
for (
- 13 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
let i=0, len=restParametes.length
; i<len ; i++) {
console.log(restParametes[i]);
}
}
restParametersFct(
"named_Formal_Parameter", 'rP1', 'rP2', 'rP3', 'rP4'
);
</script>
Exécution :
10:41:27,512
named_Formal_Parameter
test.html:5:5
10:41:27,512
test.html:6:5
Array(4) [ "rP1", "rP2", "rP3", "rP4" ]
10:41:27,513
10:41:27,515
10:41:27,515
10:41:27,515
rP1
rP2
rP3
rP4
test.html:9:7
test.html:9:7
test.html:9:7
test.html:9:7
Une application pratique des paramètres du reste c’est de trouver le
« max » ou la « min » d’une suite de nombres dans une « Array » :
<script type="text/javascript">
"use strict";
const values = [16,-3, 23,-11,-25,-46, 44,18,36,-22];
console.log( Math.max(...values) ); // 44
console.log( Math.min(...values) ); // -46
</script>
Une mini base de données avec les paramètres du reste :
const titl = "MINI BASE DE DONNÉES",
tl = titl.length,
al=10;
console.log(
- 14 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
titl
.padEnd(tl+al,"*")
.padStart(tl+(al*2),"*"),"\n"
);
console.log("".padEnd(tl+(al*2),"=") , "\n\n")
let restParamsFct =
(NamedFormalParam, ...restParam) => {
let retObj = {};
for(let k=0, len=restParam.length ; k<len ; k++){
console.log(
"[restParam["+k+"]] =",[restParam[k]]
);
console.log("NamedFormalParam[restParam["+k+"]] =",
NamedFormalParam[restParam[k]]+"\n\n"
);
}
for(let k=0, len=restParam.length ; k<len ; k++){
retObj[restParam[k]] =
NamedFormalParam[restParam[k]];
}
console.log("".padEnd(50,"="));
return retObj;
}
let corpsHumain = {
deplacement: 'Membres',
alimentation: 'Système Digestif',
sexe: 'Mâle ou Femelle',
intelligence: 'Cerveau'
};
let ovnis = {
deplacement: 'MHD',
alimentation: 'UnUnPentium',
sexe: 'Sans Objet',
vitesse: '+++Mach',
- 15 / 36 - jeudi, 4. avril 2019 (10:48 )
materiau: 'Cosmique',
intelligence: 'Télépathie'
};
JavaScript Tome-II
let corpsHumainDescr =
restParamsFct(
corpsHumain,
'alimentation', 'deplacement', 'intelligence',
'sexe'
);
let ovniDescr =
restParamsFct(ovnis,
'deplacement', "intelligence", 'vitesse', 'materiau', 'alimentation');
console.log(corpsHumain);
console.log(corpsHumainDescr);
console.log(corpsHumainDescr.deplacement);
console.log(corpsHumainDescr.sexe);
console.log(ovnis);
console.log(ovniDescr);
console.log(ovniDescr.sexe);
console.log(ovniDescr.deplacement);
</script>
Exécution :
**********MINI BASE DE DONNÉES**********
========================================
test.html:6:3
test.html:11:3
[restParam[0]] = Array [ "alimentation" ]
test.html:19:7
NamedFormalParam[restParam[0]] = Système Digestif
test.html:23:7
[restParam[1]] = Array [ "deplacement" ]
NamedFormalParam[restParam[1]] = Membres
test.html:19:7
test.html:23:7
- 16 / 36 - jeudi, 4. avril 2019 (10:48 )
[restParam[2]] = Array [ "intelligence" ]
NamedFormalParam[restParam[2]] = Cerveau
JavaScript Tome-II
test.html:19:7
test.html:23:7
[restParam[3]] = Array [ "sexe" ]
test.html:19:7
NamedFormalParam[restParam[3]] = Mâle ou Femelle
test.html:23:7
==================================================
[restParam[0]] = Array [ "deplacement" ]
NamedFormalParam[restParam[0]] = MHD
test.html:19:7
test.html:23:7
[restParam[1]] = Array [ "intelligence" ]
NamedFormalParam[restParam[1]] = Télépathie
test.html:19:7
test.html:23:7
[restParam[2]] = Array [ "vitesse" ]
NamedFormalParam[restParam[2]] = +++Mach
test.html:19:7
test.html:23:7
[restParam[3]] = Array [ "materiau" ]
NamedFormalParam[restParam[3]] = Cosmique
test.html:19:7
test.html:23:7
[restParam[4]] = Array [ "alimentation" ]
test.html:19:7
NamedFormalParam[restParam[4]] = UnUnPentium test.html:23:7
==================================================
Object {
deplacement: "Membres", alimentation: "Système Digestif",
sexe: "Mâle ou Femelle", intelligence: "Cerveau"
}
test.html:69:3
Object {
alimentation: "Système Digestif", deplacement: "Membres",
intelligence: "Cerveau", sexe: "Mâle ou Femelle"
}
test.html:70:3
Membres
Mâle ou Femelle
test.html:71:3
test.html:72:3
- 17 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
Object {
deplacement: "MHD", alimentation: "UnUnPentium",
sexe: "Sans Objet", vitesse: "+++Mach",
materiau: "Cosmique", intelligence: "Télépathie"
}
test.html:74:3
Object {
deplacement: "MHD", intelligence: "Télépathie",
vitesse: "+++Mach", materiau: "Cosmique",
alimentation: "UnUnPentium"
}
test.html:75:3
undefined
MHD
test.html:76:3
test.html:77:3
Un petit code qui utilise plusieurs aspects (fonctionnalités et implications)
des « paramètres du reste » :
let restParametersFct =
(formalParameter, ...restParameters) => {
console.log("");
console.log("formalParameter =",formalParameter);
console.log("formalParameter[0]
=",formalParameter[0]);
console.log("restParameters =",restParameters);
console.log(
"restParameters.toString() =",
restParameters.toString()
);
console.log(
"String(restParameters) =",
String(restParameters)
);
console.log("");
console.log("".padStart(49,"="));
- 18 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
let tmp = "= " + formalParameter[0]+" => "+
restParameters.toString();
tmp = tmp.padEnd(48," ") + "=";
console.log(tmp.padStart(42,"= "));
console.log("".padEnd(49,"="));
console.log("");
for (let i=0, len=restParameters.length ; i<len ;
i++) {
console.log("restParameters["+i+"]
=",restParameters[i]);
console.log("");
}
}
const oArg = [
{"Dadet":["Homme","Kinois"]},
{"Pierrette":["Femme","Alien","Umo","ExtraGalactic"]},
{"Jean":["Homme","Luozien","Kinoinisé"]}
];
console.log("Object.keys(oArg) ***");
console.log(Object.keys(oArg));
console.log("");
console.log("Object.values(oArg) +++");
console.log(Object.values(oArg));
console.log("");
for(let k=0,l=oArg.length ; k<l ; k++ ){
let vl = Object.values(oArg)[k];
console.log(
"Object.keys(Object.values(oArg)[k])" ,
" /// [KEYS]"
);
console.log( Object.keys(Object.values(oArg)[k]));
- 19 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
console.log("");
console.log(
"Object.values(Object.values(oArg)[k])",
" \\\\\\ [VALUES]"
);
console.log( Object.values(Object.values(oArg)[k]));
restParametersFct(
Object.keys(vl), Object.values(vl)
);
}
</script>
Exécution dans la console, et développement des structures :
14:34:59,400
14:34:59,401
Object.keys(oArg)
*** test.html:43:3
Array(3) [ "0", "1", "2" ]
0: "0"
1: "1"
2: "2"
length: 3
__proto__: Array(0)
test.html:44:3
14:34:59,402
14:34:59,402
Object.values(oArg)
+++ test.html:48:3
Array(3) [ {…}, {…}, {…} ]
(3) [{…}, {…}, {…}]
0: {Dadet: Array(2)}
1: {Pierrette: Array(4)}
2: {Jean: Array(3)}
length: 3
__proto__: Array(0)
test.html:49:3
- 20 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
14:34:59,404
Object.keys(Object.values(oArg)[k]) /// [KEYS]
test.html:57:6
14:34:59,405
Array [ "Dadet" ]
0: "Dadet"
length: 1
__proto__: Array(0)
test.html:62:6
14:34:59,406
Object.values(Object.values(oArg)[k]) \\\ [VALUES]
test.html:66:6
14:34:59,406
Array [ (2) […] ]
[Array(2)]
0: (2) ["Homme", "Kinois"]
length: 1
__proto__: Array(0)
test.html:71:6
14:34:59,407
formalParameter =
Array [ "Dadet" ]
["Dadet"]
0: "Dadet"
length: 1
__proto__: Array(0)
test.html:6:5
14:34:59,408
formalParameter[0] = Dadet
test.html:7:5
14:34:59,408
restParameters =
Array [ (1) […] ]
- 21 / 36 - jeudi, 4. avril 2019 (10:48 )
0: [Array(2)]
length: 1
__proto__: Array(0)
test.html:8:5
JavaScript Tome-II
14:34:59,409
restParameters.toString() = Homme,Kinois
test.html:9:5
14:34:59,410
String(restParameters) = Homme,Kinois
test.html:13:5
14:34:59,410
=================================================
= Dadet => Homme,Kinois
=
=================================================
test.html:27:5
14:34:59,411
restParameters[0] =
Array [ (2) […] ]
0: (2) ["Homme", "Kinois"]
length: 1
__proto__: Array(0)
test.html:31:7
14:34:59,412
test.html:57:6
14:34:59,413
Array [ "Pierrette" ]
0: "Pierrette"
length: 1
__proto__: Array(0)
test.html:62:6
- 22 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
14:34:59,413
test.html:66:6
14:34:59,413
Array [ (4) […] ]
[Array(4)]
0: (4) ["Femme", "Alien", "Umo",
"ExtraGalactic"]
length: 1
__proto__: Array(0)
test.html:71:6
14:34:59,414
formalParameter =
Array [ "Pierrette" ]
0: "Pierrette"
length: 1
__proto__: Array(0)
test.html:6:5
14:34:59,414
formalParameter[0] = Pierrette
test.html:7:5
14:34:59,414
restParameters = Array [ (1) […] ]
[Array(1)]
0: [Array(4)]
length: 1
__proto__: Array(0)
test.html:8:5
14:34:59,415
restParameters.toString() =
Femme,Alien,Umo,ExtraGalactic
- 23 / 36 - jeudi, 4. avril 2019 (10:48 )
test.html:9:5
JavaScript Tome-II
14:34:59,415
String(restParameters) =
Femme,Alien,Umo,ExtraGalactic
test.html:13:5
=================================================
= Pierrette => Femme,Alien,Umo,ExtraGalactic
=
=================================================
test.html:27:5
14:34:59,416
restParameters[0] = Array [ (4) […] ]
[Array(4)]
0: (4) ["Femme", "Alien", "Umo",
"ExtraGalactic"]
length: 1
__proto__: Array(0)
test.html:31:7
14:34:59,418
test.html:57:6
14:34:59,418
Array [ "Jean" ]
["Jean"]
0: "Jean"
length: 1
__proto__: Array(0)
test.html:62:6
14:34:59,418
test.html:66:6
14:34:59,419
Array [ (3) […] ]
0: (3) ["Homme", "Luozien", "Kinoinisé"]
- 24 / 36 - jeudi, 4. avril 2019 (10:48 )
length: 1
__proto__: Array(0)
test.html:71:6
JavaScript Tome-II
14:34:59,419
formalParameter = Array [ "Jean" ]
["Jean"]
0: "Jean"
length: 1
__proto__: Array(0)
test.html:6:5
14:34:59,420
formalParameter[0] = Jean
test.html:7:5
14:34:59,420
restParameters =
Array [ (1) […] ]
[Array(1)]
0: [Array(3)]
length: 1
__proto__: Array(0)
test.html:8:5
14:34:59,420
restParameters.toString() =
Homme,Luozien,Kinoinisé
test.html:9:5
14:34:59,421
String(restParameters) = Homme,Luozien,Kinoinisé
test.html:13:5
=================================================
- 25 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
= Jean => Homme,Luozien,Kinoinisé
=
=================================================
test.html:27:5
14:34:59,425
restParameters[0] = Array [ (3) […] ]
[Array(3)]
0: (3) ["Homme", "Luozien", "Kinoinisé"]
length: 1
__proto__: Array(0)
test.html:31:7
Quelques propriétés du « paramètre du reste » :
let s= (p1, ...p2) => {
console.log(p2);
}
s();
</script>
21:30:16,894
Array []
test.html:3:4
[]
length: 0
<prototype>: Array []
<prototype>: []
concat: function concat()
constructor: function Array()
concat: function concat()
every: function every()
filter: function filter()
forEach: function forEach()
from: function from()
indexOf: function indexOf()
isArray: function isArray()
join: function join()
lastIndexOf: function lastIndexOf()
- 26 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
length: 1
map: function map()
name: "Array"
of: function of()
pop: function pop()
prototype: Array []
push: function push()
reduce: function reduce()
reduceRight: function reduceRight()
reverse: function reverse()
shift: function shift()
slice: function slice()
some: function some()
sort: function sort()
splice: function splice()
unshift: function unshift()
Symbol(Symbol.species): Getter
<prototype>: function ()
copyWithin: function copyWithin()
entries: function entries()
every: function every()
fill: function fill()
filter: function filter()
find: function find()
findIndex: function findIndex()
flat: function flat()
flatMap: function flatMap()
forEach: function forEach()
includes: function includes()
indexOf: function indexOf()
join: function join()
keys: function keys()
lastIndexOf: function lastIndexOf()
length: 0
map: function map()
pop: function pop()
push: function push()
reduce: function reduce()
reduceRight: function reduceRight()
reverse: function reverse()
shift: function shift()
slice: function slice()
some: function some()
- 27 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
sort: function sort()
splice: function splice()
toLocaleString: function toLocaleString()
toSource: function toSource()
toString: function toString()
unshift: function unshift()
values: function values()
Symbol(Symbol.iterator): function values()
Symbol(Symbol.unscopables): Object {
copyWithin: true,
entries: true,
fill: true,
find: true,
findIndex: true,
includes: true,
keys: true,
values: true,
}
<prototype>: Object { … }
Une forme particulière de « paramètre du reste » est l’array des variables
passées à une fonction via un template de « littérale de chaîne », mais aussi l’array des textes séparés par ses variables et stockée dans la première
variable de la fonction appelée :
<script> "use strict"; const cl=console.log;
const pend = (p1,...p2) => {
const len1=p2[0].length+p2[1].length,
len2=len1+p1[2].length;
return p2[0].padStart(len1,p2[1]).padEnd(len2,p1[2]);
};
const w='www.diasoluka',h="http://";
const rp=pend`${w}${h}.luy`;
cl(rp);
</script>
- 28 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
Un dernier mot sur les « paramètres du reste » :
LES PARAMÈTRES DU RESTE sont un type particulier d’Array est
le paramètre du reste.
let f = (p, ...a) => {
console.log("a =",a);
}
f();
</script>
En fait, les Arrays sont simplement des littéraux d’objet dont les labels
sont étiquetés avec des nombres ordonnés à partir de l’indice zéro.
Voyez leur structure ci-après :
let f = (p, ...a) => {
console.log("a =",a);
return a;
}
let r=f("va dans p",
"Zéro","Un","Deux","Trois","Quatre","Cinq");
console.log("Object.entries(r)",Object.entries(r));
console.log("Object.values(r)",Object.values(r));
</script>
- 29 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
a =
Array(6) [
"Zéro", "Un", "Deux",
"Trois", "Quatre", "Cinq"
]
test.html:3:3
Object.entries(r)
Array(6) [
(2) […], (2) […], (2) […],
(2) […], (2) […], (2) […]
]
test.html:10:3
Object.values(r)
Array(6) [
"Zéro", "Un", "Deux",
"Trois", "Quatre", "Cinq"
]
test.html:11:3
- 30 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
Voici comment reconstituer cette Array avec un « Object literal » :
let r = {
0:"Zéro" , 1:"Un" , 2:"Deux",
3:"Trois" , 4:"Quatre" , 5:"Cinq"
}
console.log("Object.entries(r)",Object.entries(r));
console.log("Object.values(r)",Object.values(r));
</script>
- 31 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
Confrontons les deux paradigmes :
let a=[
"Zéro" , "Un" , "Deux" ,
"Trois" , "Quatre" , "Cinq"
]
let o={
0:"Zéro" , 1:"Un" , 2:"Deux" ,
3:"Trois" , 4:"Quatre" , 5:"Cinq"
}
console.log("ARRAY" , "a[0] =" , a[0]);
console.log("HASH" , "o[0] =" , o[0]);
</script>
- 32 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
Recommandation :
Pour tester un code HTML, DOM, JavaScript, CSS, allez sur l’IDE du
site http://jsfiddle.net/, dommage qu’il faut être online (connecté).
Kinshasa, le jeudi 4 avril 2019 - 10:48:08 PM
Mots-clés :
JAVASCRIPT, Programmation Internet, paramètres du reste, base de données
- 33 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
DIASOLUKA Nz. Luyalu
Docteur en Médecine, Chirurgie & Accouchements (1977),
CNOM : 0866 - Spécialiste en ophtalmologie (1980)
Études humanités : Scientifique - Mathématiques & Physique.
Informaticien-amateur, Programmeur et WebMaster.
Chercheur indépendant, autonome et autofinancé,
bénévole, sans aucun conflit d’intérêt ou liens
d'intérêts ou contrainte promotionnelle avec
qui qu’il soit ou quelqu’organisme ou
institution / organisation que ce soit, étatique,
paraétatique ou privé, industriel ou commercial
en relation avec le sujet présenté.
+243 - 851278216 - 899508675 - 991239212 - 902263541 - 813572818
[email protected]
Autre Lecture :
https://www.scribd.com/document/374738470/Le-Plus-Grand-Secret-de-LaCreation
D’autres publications pouvant aussi intéresser :
• https://www.scribd.com/document/377036251/LeDosage-Des-Medicaments-en-Cac-Cas
• https://www.scribd.com/document/377035454/LeHasard-Des-Thermometres-Non-contact-a-Infrarouge
- 34 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
• https://www.scribd.com/document/376222482/PetiteIntroduction-Aux-Fonctions-JavaScript
• https://www.scribd.com/document/376221919/La-Foien-Jesus-Christ-Pour-Quoi-Faire
• https://www.scribd.com/document/375689778/Lacuitevisuelle-angulaire
• https://www.scribd.com/document/375349851/Lavariable-This
•
https://www.scribd.com/document/375024162/FonctionsImbriquees-en-JS
• https://www.scribd.com/document/374789297/FormatInterne-Des-Objets-JavaScript
•
https://www.scribd.com/document/374788758/Iterationsen-JavaScript
• https://www.scribd.com/document/374738470/Le-PlusGrand-Secret-de-La-Creation
• https://www.scribd.com/document/374597969/NouvelleFormule-d-IMC-indice-de-doduite-Selon-Dr-Diasoluka
• https://www.scribd.com/document/373847209/PropertyDescriptors
• https://www.scribd.com/document/373833282/l-ObjetGlobal-Window
•
https://www.scribd.com/document/372665249/JavascriptTome-II
• https://www.scribd.com/document/355291488/motiliteoculaire-2
- 35 / 36 - jeudi, 4. avril 2019 (10:48 )
JavaScript Tome-II
• https://www.scribd.com/document/355291239/motiliteoculaire-I
• https://www.scribd.com/document/355290248/Script-dAnalyses-Des-Reflexes-Pupillomoteurs
•
https://www.scribd.com/document/321168468/Renseigne
ments-Id-et-Anthropometriques
•
https://www.scribd.com/document/320856721/Emission31-Jul-2016
•
https://www.scribd.com/document/318182982/Complicati
on-Visuelle-du-Traitement-de-La-Malaria
• https://www.scribd.com/document/318180637/RapportEntre-Oxymetrie-Et-Type-Respiration
•
https://www.scribd.com/document/315746265/Classificati
on-Des-Medicaments
•
https://www.scribd.com/document/315745909/Incongruen
ces-Heresies-et-Heterodoxies-de-la-Notion-deLaboratoire
• https://www.scribd.com/document/315745725/RapportEntre-Oxymetrie-Et-Type-Respiration
- 36 / 36 - jeudi, 4. avril 2019 (10:48 )

javascript - paramètres du reste

Transcription

Documents pareils

Tea House - ShowTime

Console - Bidon recyclé et Teck

la console vsmile - MetaGames-EU

Rapide utilisation de visualroute

Plan Villa CHARTREUX

Pourquoi faut-il des callback en Javascript ?

Pourquoi faut-il des callback en Javascript ?

Tutoriel Javascript - Simplon Boulogne sur Mer

Fiche atelier - flash xbox 360

Console portable Ressemble à une tablette - 1001 jeux vidéo