【JavaScript】 配列と連想配列の要素順序とMapオブジェクト

Array(11) [ "a", "c", 1, "v", "1", "d", "2", 2 , undefined, "x", "z"]

console.log(array);

array.forEach( ( v , i )=>{
    console.log( `index:${ i } value: ${ typeof v === "string" ? `"${v}"` : v } `);
});

array[8]=undefined;  ← index:8に値をセット

array.forEach( ( v , i )=>{
    console.log( `index:${ i } value: ${ typeof v === "string" ? `"${v}"` : v } `);
});

const len = array.length;
console.log("インデックス最大値=" + (len-1));
for(let i = 0; i < len ; i++){
    console.log(i.toString() + ':' + array[i]); 
}

インデックス最大値=10
0:a
1:c
2:1
3:v
4:1
5:d
6:2
7:2
8:undefined
9:x
10:z

const array = [ "a" , "b" , "c" ];
array.prop1 = 12345;
array["5"] = "d";
        
array.forEach( ( v , i )=>{
            console.log( `index:${ i } value: ${ typeof v === "string" ? `"${v}"` : v } `);
});

const rensoHairetsu={"a":"1","b":"2","b":"3"};

const obj={  "a" : "1"  ,  "z" : "2"  ,  "b" : "3"  ,  1 : "4"  ,  "1" : "5"  };
obj.c="6";
obj.e="7";
obj[2]="8";

Object {  1: "5"  ,  2: "8"  ,  a: "1", z: "2"  ,  b: "3"  ,  c: "6"  ,  e: "7" }

Object.keys(obj).forEach(function(key) {
  console.log(key+":"+obj[key]);
});
 
// わかりやすいように分割してみる
// let key = Object.keys(obj); プロパティ一覧を配列で取得する
// key.forEach(・・・               取得したプロパティ一覧の配列をforEachで列挙
//

Array.prototype.aset = function(key,value){
    let len = this.length;

    for(let i = 0; i < len ; i++ ){
        if( key === this[i][0]){
                        this[i][1]=value;return this;
                } 
    }
    this.push([key,value]);
        return this;
};

let array = [ ["z","0"] , ["zz","00"] ].aset("a","1").aset("b","2");

array.aset(1,"3");
array.aset("1","4");
array.aset("b","5");
array.aset(1,"6");
array.aset("1","7");

console.log(array);

Array.prototype.avalue = function(key){
    let len = this.length;

    for(let i = 0; i < len ; i++ ){
        if( key === this[i][0])
                return this[i][1];
    }
    return false;
};

console.log( "1 = >" + array.avalue(1) );
console.log( "\"1\" = >" +array.avalue("1") );

let array2 = new Map([ ["z","0"] , ["zz","00"] ]).set("a","1").set("b","2");

array2.set(1,"3");
array2.set("1","4");
array2.set("b","5");
array2.set(1,"6");
array2.set("1","7");

for (let [key, value] of array2) { // array2.forEach((key,value)=>{})も使用可能
    console.log(key + ":" + value);
}

console.log("1=>" + array2.get(1));
console.log("\"1\"=>" +array2.get("1"));

console.log("has"+array2.has(1));

has:true

console.log("size="+array2.size);
console.log("delete:"+array2.delete(1));
console.log("has(1):"+array2.has(1));
console.log("has(\"1\"):"+array2.has("1"));
console.log("size="+array2.size);

size=6
delete:true
has(1):false // 数字の1は削除された
has("1"):true // 文字列の1は残っている
length=5

Object.defineProperty(  // Mapオブジェクトにlengthプロパティを追加
    Map.prototype, 'length',{
                   get:function(){return this.size;}
             }
   );

let array3 = new Map();
// Mapに要素を追加

console.log("length=" + array2.length);
console.log("size=" + array2.size);

class AssociativeArray extends Array{

    constructor(){

        const propMap ={ }; // キー（プロパティ）名：配列の番号　を格納
        let propNum = 0;

        super();

        this.aset = function(key,value){

            if( !(key in propMap) ) {  // キーが作成済み
                propMap[ key ] = propNum ++;
                this.push( [ key , value ] );

                     // key をプロパティとして作成する
                Object.defineProperties( this , {
                    [ key ]:{
                        get: function (){
                            return this[ propMap[ key ] ][ 1 ];
                        },
                        set: function (value) {
                            this[ propMap[ key ] ][ 1 ] = value;
                            return value;
                        }
                    }
                });

            }else{ // 作成済みキーでasetが呼び出された
                this [ propMap[ key ] ][ 1 ] = value;
            }
        };

    }

    forEach ( callBack ) {
        super.forEach( e => callBack( e[ 0 ] , e[ 1 ]) );
    }

         // イテレータ定義
    *[Symbol.iterator](){
        for( let i = 0; i < this.length ; i ++ ) {
            yield  this[ i ];
        }
    }

}

const arr = new AssociativeArray();

arr.aset("data1",123);
arr.aset("data2","abcd");

console.log( arr.data1 );  // 結果: 123
console.log( arr.data2 );  // 結果: abcd

arr.data2 = 1000;
console.log( arr.data2 );  // 結果: 1000

arr.forEach( ( key , value ) => console.log(key + ":" + value) );
      // 結果: data1:123
      //       data2:abcd

for ( let [ key , value ] of arr ) {
    console.log(key + ":" + value);
      // 結果: data1:123
      //       data2:abcd
}