A continuación se muestra el ejemplo de Array prototipo Constructor para hacerlos en minúsculas.
- Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Array prototype Constructor
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksforGeeks
</h1>
<button onclick="myGeeks()">
Click here
</button>
<p id="GFG" style = "color:Green;"></p>
<!-- Script to use JavaScript Array prototype
Constructor -->
<script>
Array.prototype.upperCase = function() {
var i;
for (i = 0; i < this.length; i++) {
this[i] = this[i].toLowerCase();
}
};
function myGeeks() {
var sub = ["DSA", "WEBTEchnologies",
"GeeksforGeeks", "gfg"];
sub.upperCase();
document.getElementById("GFG").innerHTML= sub;
}
</script>
</body>
</html>
- Producción:
El constructor de prototipos de array de JavaScript se utiliza para permitir agregar nuevos métodos y propiedades al objeto Array(). Si se construye el método, estará disponible para cada array. Al construir una propiedad, todas las arrays recibirán la propiedad y su valor por defecto.
Sintaxis:
Array.prototype.name = value
Nota: No se refiere a una sola array, sino al propio objeto Array(). Significa que Array.prototype en sí mismo es una array.
Más códigos de ejemplo para el método anterior son los siguientes:
Programa 1: este ejemplo utiliza un constructor prototipo de array de JavaScript y convierte el carácter de string en carácter en mayúsculas.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Array prototype Constructor
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksforGeeks
</h1>
<button onclick="myGeeks()">
Click here
</button>
<p id="GFG" style = "color:Green;"></p>
<!-- Script to use JavaScript Array prototype
Constructor -->
<script>
Array.prototype.upperCase = function() {
var i;
for (i = 0; i < this.length; i++) {
this[i] = this[i].toUpperCase();
}
};
function myGeeks() {
var sub = ["Algorithm", "Data Structure",
"Operating System", "html"];
sub.upperCase();
document.getElementById("GFG").innerHTML= sub;
}
</script>
</body>
</html>
Producción:
Programa 2: este ejemplo utiliza el constructor de prototipos de array de JavaScript para contar la longitud de la string.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Array prototype Constructor
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksforGeeks
</h1>
<button onclick="lengthFunction()">
Click here
</button>
<p id="GFG"></p>
<!-- Script to use Array prototype Constructor
and count length of string -->
<script>
Array.prototype.stringLength = function() {
var i;
for (i = 0; i < this.length; i++) {
this[i] = this[i].length;
}
};
function lengthFunction() {
// Declare an array
var str = ["GeeksforGeeks", "GFG", "myGeeks"];
str.stringLength();
document.getElementById("GFG").innerHTML = str;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con JavaScript Array Prototype Constructor se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Mozilla Firefox
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por PREMMAURYA y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA