－2回目－【Udemy】ReactでTrelloクローンアプリケーションを作ってReactをマスターしよう！

新たに覚えたJavascriptメソット

Array.filter()

const todos = [
	{ id: "0", text: "あれ" },
	{ id: "1", text: "これ" },
	{ id: "2", text: "どれ" }
];
const result = todos.filter((todo) => todo.id !== "1");
console.log(result);
// expected output: Array [{ id: "0", text: "あれ" },{ id: "2", text: "どれ" }]

配列の中から、条件に合致する配列を新たに作成する。

Array.splice()

splice(start, deleteCount, item1, item2, itemN)
start:配列を変更する先頭の位置
*deleteCount:startの位置から取り除く古い要素の個数
*item1, item2, ...:配列に追加する要素
*は省略可

const todos = [
	{ id: "0", text: "あれ" },
	{ id: "1", text: "これ" },
	{ id: "2", text: "どれ" }
];
const result = todos.splice(
	0,
	1,
	{ id: "3", text: "何" },
	{ id: "4", text: "どこ" }
);
console.log(todos);
// expected output: Array [{"id": "3","text": "何"},{"id": "4","text": "どこ"},{"id": "1","text": "これ"},{"id": "2","text": "どれ"}]

Redux入門【Redux Toolkitを使用】簡単なカウンターを作成

• カウンター機能実装【済】