코딩기록

문제 todos 배열과 todos 배열의 특정 요소의 id를 인수로 전달하면 해당 요소의 completed 프로퍼티 값을 반전한 todos 배열을 반환한다.todos 배열 요소의 id 프로퍼티 값은 절대 중복되지 않는다.for 문, for…in 문, for…of 문, Array#forEach, Array#splice는 사용하지 않는다.todos 배열을 변경하지 않는다.const toggleCompletedById = (todos, id) => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content..

문제 todos 배열에서 완료(completed: true)한 할일의 갯수를 구해 반환한다.for 문, for…in 문, for…of 문, Array#forEach는 사용하지 않는다.todos 배열을 변경하지 않는다.const countCompletedTodos = todos => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', completed: false }];console.log(countCompletedTodos(todos)); // 1  풀이1번풀이 - ..

문제 todos 배열의 모든 요소의 completed 프로퍼티 값을 true로 설정해 todos 배열을 반환한다.for 문, for…in 문, for…of 문, Array#forEach는 사용하지 않는다.todos 배열을 변경하지 않는다. const toggleCompletedAll = todos => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', completed: false }];console.log(toggleCompletedAll(todos));/*[ ..

문제 todos 배열과 todos 배열의 특정 요소의 id를 인수로 전달하면 해당 요소의 completed 프로퍼티 값을 반전한 todos 배열을 반환한다.todos 배열 요소의 id 프로퍼티 값은 절대 중복되지 않는다.for 문, for…in 문, for…of 문, Array#forEach, Array#splice는 사용하지 않는다.todos 배열을 변경하지 않는다.const toggleCompletedById = (todos, id) => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content..

문제todos 배열과 todos 배열에서 삭제할 요소의 id를 인수로 전달하면 해당 요소를 삭제해 todos 배열을 반환한다.todos 배열 요소의 id 프로퍼티 값은 절대 중복되지 않는다.for 문, for…in 문, for…of 문, Array#forEach, Array#splice는 사용하지 않는다.todos 배열을 변경하지 않는다. const removeTodo = (todos, id) => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', completed..

문제 todos 배열과 새로운 요소(예를 들어 { id: 4, content: 'Test', completed: false })를 인수로 전달하면 todos 배열의 선두에 새로운 요소를 추가해 todos 배열을 반환한다.for 문, for…in 문, for…of 문, Array#forEach, Array#unshift는 사용하지 않는다.todos 배열을 변경하지 않는다.  const addTodo = (todos, newTodo) => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'J..

문제 todos 배열과 todos 배열의 요소인 todo 객체의 프로퍼티 키(id, content, completed) 중 하나를 문자열로 전달하면 해당 프로퍼티 키로 todos 배열의 요소를 정렬해 todos 배열을 반환한다.for 문, for…in 문, for…of 문, Array#forEach는 사용하지 않는다.todos 배열을 변경하지 않는다.const getValues = (todos, key) => { /* Do something */ }const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', comp..

문제  todos 배열을 전달받아 html 형식의 문자열을 생성해 반환한다.for 문, for…in 문, for…of 문은 사용하지 않는다.const render = todos => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', completed: false }];console.log(render(todos));/*' HTML CSS Javascript'*/   풀이 배열을 html로 출력하는 문제  맵과 백틱을 이용해 배열을 순회해 html 형식의 문자열을..

1.  Array.isArray()객체가 배열인지 확인   Array.isArray() 함수  2. arr.length ==== 0배열이 비어있는지 확인arr.length 값을 체크배열이 비어 있으면 인덱스 길이가 0 true로 반환됨. const checkArr = arr => { return Array.isArray(arr) && arr.length === 0 ? true : false;} console.log(checkArr([])); // trueconsole.log(checkArr([1, 2])); // falseconsole.log(checkArr({})); // falseconsole.log(checkArr("")); // falseconsole.log(checkArr(1,2..

31장 RegExp 31-1. 정규 표현식이란?정규 표현식(regular expression)은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어.문자열을 대상으로 패턴 매칭기능을 제공. 패턴 매칭 기능이랑 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능을 말함. [예제 31-01] // 사용자로부터 입력받은 휴대폰 전화번호 const tel = '010-1234-567팔'; // 정규 표현식 리터럴로 휴대폰 전화번호 패턴을 정의한다. const regExp = /^\d{3}-\d{4}-\d{4}$/; // tel이 휴대폰 전화번호 패턴에 매칭하는지 테스트(확인)한다. regExp.test(tel); // -> false만약..