シャローコピー

ディープコピー


    // =======================
    // テストコード
    // =======================
    const answer1 = 'const newTodo = reactive(';
    const answer2 = 'const addTodo = () => {';
    const answer3 = 'if (newTodo.title) {';
    const answer4 = 'todos.value.push({ ...newTodo })';
    const answer5 = "newTodo.title = ''";
    const answer6 = "newTodo.status = '未着手'";
    const answer7 = 'newTodo.id++';
    const questions = [
        {
            title: 'newTodoを定義しよう',
            tests: [
                {
                    title: 'newTodoをreactiveで定義しましょう。',
                    hint: '`const newTodo = reactive()`と記述してください。',
                    test: () => isContainTextInEditor(answer1)
                }
            ]
        },
        {
            title: 'addTodoを定義しよう',
            tests: [
                {
                    title: '`addTodo`という関数を宣言しましょう。',
                    hint: '`const addTodo = () => {}`と記述してください。',
                    test: () => isContainTextInEditor(answer2)
                },
                {
                    title: '`newTodo.title`に文字が入力されている場合のみ実行される条件文を記述しましょう。',
                    hint: '`if (newTodo.title) {}`と記述してください。',
                    test: () => isContainTextInEditor(answer3)
                },
                {
                    title: '`todos`の末尾に参照を切った`newTodo`を追加しましょう。',
                    hint: '`todos.value.push({ ...newTodo })`と記述してください。',
                    test: () => isContainTextInEditor(answer4)
                },
                {
                    title: '`newTodo.title`に`空文字`を代入しましょう。',
                    hint: "`newTodo.title = ''`と記述してください。",
                    test: () => isContainTextInEditor(answer5)
                },
                {
                    title: "`newTodo.status`に`'未着手'`を代入しましょう。",
                    hint: "`newTodo.status = '未着手'`と記述してください。",
                    test: () => isContainTextInEditor(answer6)
                },
                {
                    title: '`newTodo.id`に`1`を足しましょう。',
                    hint: '`newTodo.id++`と記述してください。',
                    test: () => isContainTextInEditor(answer7)
                }
            ]
        }
    ];


Todoを追加する機能を実装しよう

まずは必要なスキルを確認しましょう！