JavaScript【基本文法】～Part３～

初めに

今回はJavaScriptの中で、自分が大事だと思った配列メソッドについて書いていきたいと思います。

目次

・map()

・filter()

・findIndex()

map()

mapメソッドを使う事で新しい配列を作る事が出来る。

入力

const obj = {
    "size": {text: "big"},
    "shape": {text: "square"},
    "num": {text: "many"}
};

const Array = Object.keys(obj).map(key =>{
    let value = obj[key]
    value['id'] = key
    return value
});
console.log(Array);

結果

[
  { text: 'big', id: 'size' },
  { text: 'square', id: 'shape' },
  { text: 'many', id: 'num' }
]

filter()

filterメソッドを使う事で条件に合う要素を抽出する事が出来る。

入力

const obj = [
    {id: "size", text: "big"},
    {id: "shape", text: "square"},
    {id: "num", text: "many"}
];
const Result = obj.filter(object =>{
    return object.id === "shape"
});
console.log(Result);

結果

[ { id: 'shape', text: 'square' } ]

findIndex()

findIndexメソッドを使う事で要素の何番目かを知る事が出来る。

入力

const obj = [
    {id: "size", text: "big"},
    {id: "shape", text: "square"},
    {id: "num", text: "many"}
];
const Index = obj.findIndex(object =>{
    return object.id === "shape"
});
console.log(Index);

結果

1

参考記事