SW 2023-05-05

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Arrays (5)</title>
</head>
<body>
<script>
    var a1 = new Array()
    var a2 = []
    //push, pop, shift, unshift, []

    //var a3 = [10, 3, 40]
    var a3 = [40, 3, 10]
    document.write(a3) // 10,3,40

    document.write("<br>")
    a3.sort() //faz ordenação alfabética
    document.write(a3) // 10,3,40

function comoCompararNumericamente(o1, o2){
    var e1=Number(o1)
    var e2=Number(o2)
    if(e1>e2) return 1;
    if(e2>e1) return -1;
    return 0;
}//comoCompararNumericamente

document.write("<hr>")

var a4 = [50, 5, 40, 4, 30, 3, 20, 2, 10, 1]
document.write("ANTES de sort ALFAB: "+a4+"<br>")
a4.sort()
document.write("DEPOIS de sort ALFAB: "+a4+"<br>")

document.write("<hr>")

a4 = [50, 5, 40, 4, 30, 3, 20, 2, 10, 1]
document.write("ANTES de sort NUM: "+a4+"<br>")
a4.sort(comoCompararNumericamente)
document.write("DEPOIS de sort NUM: "+a4+"<br>")

function Gato(pNome, pKG){
    this.mNome=pNome;
    this.mKG=pKG;
}//Gato

Gato.prototype.miar=function(){
    var f=`${this.mNome} diz: tenho ${this.mKG} KG<br>`
    return f
}//miar

Gato.prototype.toString = Gato.prototype.miar

var garfield = new Gato("Garfield", 8)
var rafeiro = new Gato("Rafeiro", 40)
document.write(garfield)
document.write(rafeiro)

function comoCompararGatosPorKG(a,b){
    if(a.mKG>b.mKG) return 1;
    if(b.mKG>a.mKG) return -1;
    return 0
}

var colDeGatos = [garfield, rafeiro]
colDeGatos.sort(comoCompararGatosPorKG)
document.write(colDeGatos)


</script>
</body>
</html>

*****************

<!-- 3.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Arrays em JS (3)</title>
</head>
<body>
<script>
var a1 = []
var a2 = new Array()

// STACK / Pilha / entrada + saída são à cauda/topo
a1.push(33)
a1.push(66)
a1.pop()
document.write(a1) // 33
document.write("<br>")

// QUEUE / Fila
a1.push(9999)
document.write(a1) // 33, 9999
document.write("<br>")
a1.shift()
document.write(a1) // 9999@0
document.write("<br>")

// introduzir à cabeça, no início
a1.unshift(1234)
document.write(a1) // 1234@0, 9999@1
document.write("<br>")

a1[10]=4321 //tornou-se um array de 11 elementos, sem valores para os elementos nos indexes [2 a 9]
document.write(a1) // 1234@0, 9999@1
document.write("<br>")


function xpto(){
    return "hello";
}

var v1 = new xpto();

function MinhaData(
    pAno,
    pMes,
    pDia
){
    this.mAno = pAno;
    this.mMes = pMes;
    this.mDia = pDia
}//MinhaData

var data1 = new MinhaData(
    2023,
    5, // mês
    5 // dia
)

// extend do tipo de dados MinhaData
// para que o JS saiba escrever, conforme eu desejar, objetos do meu UDT}
MinhaData.prototype.comoApresentar = function(){
    //como apresentar instâncias do tipo MinhaData
    var fraseQueRepresentaAData =
        this.mAno+"-"+this.mMes+"-"+this.mDia;

    return fraseQueRepresentaAData
}//comoApresentar

class MinhaData2{
    constructor(pAno, pMes, pDia) {
        this.mAno = pAno;
        this.mMes = pMes;
        this.mDia = pDia;
    }

    static comoEstaTempo(){
        return "Está sol.";
    }//comoEstaTempo

    // método dinâmico - tem acesso à palavra this
    comoApresentar(){
        //como apresentar instâncias do tipo MinhaData
        var fraseQueRepresentaAData =
            this.mAno+"-"+this.mMes+"-"+this.mDia;

        return fraseQueRepresentaAData
    }//como apresentar
}//MinhaData2

var d3 = new MinhaData2(2023, 12, 25);
document.write(MinhaData2.comoEstaTempo())

var data2 = new MinhaData(1969, 6, 21)
document.write(data1) // [object Object]
document.write("<br>")
document.write(data1.comoApresentar()) // [object Object]
document.write("<br>")
MinhaData.prototype.toString = MinhaData.prototype.comoApresentar;
document.write("<mark>toString foi redefinido</mark><br>")
document.write(data1) // [object Object]
document.write("<br>")


// as duas instruções seguintes são equivalentes
// em JS existe um "default method"
// esse default method é toString
// toString deve retornar uma representação do
// objeto, enquanto frase
//document.write(xpto)
//document.write(xpto.toString())


var data2 = new Date(2023, 5-1, 5)
document.write(data2) // algo compreensível
document.write("<br>")
</script>
</body>
</html>