배열 4

[JavaScript] 자바스크립트 - 배열 내장 함수( splice, slice, shift, pop)

1. splice( ) : 배열에서 특정 항목 제거 - 첫번째 파라미터는 어떤 인덱스부터 지울지를 의미하고 두번째 파라미터는 그 인덱스부터 몇개를 지울지 const numbers =[10,20,30,40]; const index = numbers.indexOf(30); numbers.splice(index,1);//index번째 배열부터 1개 제거 console.log(numbers); > numbers 배열을 선언함. > indexOf 함수로 30이 몇 번째 원소인지 index에 저장함. > splice 함수로 index번째부터 1개를 제거함. > 콘솔에 numbers를 출력함. > 배열에서 30을 제거함. 2. slice( ) : 배열을 잘라냄, 기존의 배열은 건드리지 않음 - 첫번째 파라미터는 어디..

JavaScript 2021.03.10

[JavaScript] 자바스크립트 - 배열 내장 함수 ( findIndex, find, filter )

1. findIndex( ) : 배열 안에 있는 값이 객체일 때 몇 번째 원소인지 찾아주는 함수 const todos=[ { id:1, text:'html+css', done:true }, { id:2, text:'javascript', done:true }, { id:3, text:'react', done:true }, { id:4, text:'jquery', done:false } ]; const index = todos.findIndex(todo => todo.id ===3); console.log(index); > todos 객체 배열을 생성함. > findIndex 파라미터로 todo를 받고 id가 3인 몇번째 요소인지 찾아 index에 저장함. > 콘솔에 index를 출력함. > 배열에서 id..

JavaScript 2021.03.09

[JavaScript] 자바스크립트 - 배열 내장 함수 (forEach, map, indexOf)

1. forEach( ) : for문 대체 const web =['html','css','javascript','jquery']; web.forEach(element =>{ //파라미터 element는 각 원소를 가리킴 console.log(element); }); > web 이라는 배열을 생성 > forEach( )함수의 파라미터로 element를 받음. element가 각 원소를 가리킴. > 콘솔에 배열의 각 원소를 출력함. +) 함수 형태의 파라미터를 전달하는 것 - 콜백 함수 2. map( ) : 배열 안의 각 원소를 변환할 때 사용함. 새로운 배열 생성 - 배열 안의 모든 숫자를 제곱해서 새로운 배열을 만드는 예제 const array=[1,2,3,4,5,6,7,8]; const square =..

JavaScript 2021.03.08

[JavaScript] 자바스크립트 - 객체 배열 (선언, push(), length 속성)

▶ 객체 배열 : 배열[ ] 안에 객체 { } 를 선언함. - 객체 배열 선언 const objects = [{name: '강아지'}, {name: '고양이'}]; > objects 라는 배열 안에 객체가 선언됨. - 객체 배열 출력 console.log(objects); console.log(objects[0]); console.log(objects[1]); > objects 객체 배열을 콘솔에 출력 > objects 배열에서 0번째 값을 콘솔에 출력 > objects 배열에서 1번째 값을 콘솔에 출력 - 배열에 새 항목 추가 push() 메소드 : 하나 이상의 요소를 배열의 가장 마지막에 추가 objects.push( {name: '물고기'} ); > 배열의 마지막에 push 메소드를 이용해 {nam..

JavaScript 2021.03.07