【JavaScript備忘録】配列を使う

スポンサーリンク
配列アイキャッチ プログラミング

こんにちは!セミマサです。この記事は配列についての備忘録です。

配列とは

//配列に格納するオブジェクトを定義
const obj ={
    name:'takeshi',
    age:18,
    hobby:'Nap',
    alive:true
};
const obj2 ={
    name:'masashi',
    age:17,
    hobby:'Ayatori',
    alive:true
};

const array = [1,3,5,7,11];
const array_string = ["apple","orange"];
const array_obj = [obj,obj2];

console.log(array[0]);//1
console.log(array_string[1]);//orange
console.log(array_obj[0]);//{name: "takeshi", age: 18, hobby: "Nap", alive: true}
console.log(array_obj[1].name);//masashi
console.log(array_obj[1].age);//17
console.log(array_obj[1].hobby);//Ayatori
console.log(array_obj[1].alive);//true

array[0]++;
console.log(array[0]);//2

上記ソースにおいて3つ配列を宣言しています。

・配列の中には数字・文字列・オブジェクトなどなんでも入れることができる。

・最初の要素は0番目

・オブジェクトが入っている場合、array_obj[1].nameのように書くとオブジェクトの中身を取得できる。

・constで定義した場合でも配列の中身を操作することはできる。(上記ソースの27~28行目)

lengthで要素の数を取得

console.log(array.length);//5

配列.lengthと書くと配列に入っている要素の数が返ってくる。

filterで特定の要素を抜き出す

const filterArray = ["tarou","zirou","saburo"];
const result = filterArray.filter(member =>{
    return member === "saburo";
});
console.log(result);//["saburo"]

配列名.filter(関数)と書いて実行する。

・filterは渡した関数がtrueを返した要素だけを抜き出して新しい配列を作る

・上記ソースではfilterArrayの中身のうち、“saburo”のみを抜き出した配列を作ってresultに格納している。

mapで新たな配列を作る

const mapArray = ["a","b","c"];
const result_m = mapArray.map(member =>{
    return member + "さん";
});
const result_m2 = mapArray.map(()=>{
    return "hoge";
});
console.log(result_m);//["aさん", "bさん", "cさん"]
console.log(result_m2);//["hoge", "hoge", "hoge"]

配列名.map(関数)と書いて実行する。

・mapは配列に対して渡した関数の処理を行って新しい配列を生成する。

・result_mにはmapArrayの各要素に”さん”をつけた配列が格納される。

・result_m2は”hoge”が3つ入った配列が格納される。

おわりに

JavaScriptの配列に関しての備忘録でした。新しい発見があったら追記します。

タイトルとURLをコピーしました