복습용연습장

map() forEach문과 비슷하지만 배열 요소 만큼 함수의 반환값으로 새 배열을 만듬 (원래의 배열을 영향x 새 배열을 반환함) map( a,b )에서 a인자는 map을 실행하는 배열의 하나 하나 요소를 뜻하고 b인자는 인덱스 번호를 뜻한다 월 화 수 목 금 배열을 가진 array을 map으로 인자를 받아 요소뒤에 요일을 붙여서 week이라는 변수에 넣고 출력해보면 새로운 배열이 생성된다. 기존의 배열에는 영향없다 legnth 길이를 반환해주는 legnth 'abcdef'로 이루어진 변수를 legnth해보면 6이 출력된다. 4개의 요소를 가진 배열을 legnth해보면 4가 출력된다. sort() 문자열 정리 sort() 는 배열을 정렬해주고 배열에 영향을 준다. 숫자 오름차순/내림차순 첫번째 arra..

JAVA SCRIPT 2022. 6. 4. 01:17

splice() 배열에서 n번째 있는걸 삭제하거나 추가할때 사용하는 splice( a, b, c ) 배열에 영향 o splice에서 인자를 3개 받을 수 있다 순서대로 a = 인덱스n번째를 뜻한다 b = n개 c = n번째에 추가할 데이터 위에서는 0번째에 있는 1개의 데이터를 삭제하고 0번째에 ' ㄱ ' 이라는 데이터를 추가해주세요 라는 뜻 slice 배열에서 n번째부터 n번째까지의 값을 받는다 slice(a, b) 배열에 영향 x slice에서 인자는 2개를 받을 수 있다 a = a번째부터 b = b까지 b는 포함 x 그래서 위에서는 1번째 인덱스부터 3까지 3은 포함 x라서 1,2번째 인덱스 값 '나' , '다' 출력 배열 출력해봐도 기존의 배열에는 영향 x find(), findIndex() in..

JAVA SCRIPT 2022. 6. 3. 01:27

unshift( 배열 맨앞에 추가할 값 ), push( 배열 맨뒤에 추가할 값 ) 배열 앞에 데이터를 추가할때 사용하는 unshift() 배열 뒤에 데이터를 추가할때 사용하는 push() 나 , 다 , 라 3개의 데이터가 있는 배열에 unshift로 '가' 라는 값을 배열 맨 앞에 추가 push로 '마' 라는 값을 배열의 맨 뒤에 추가 shift( 배열 맨앞의 값 삭제 ), pop( 배열 맨뒤 값 삭제) 배열 앞에 데이터를 삭제할때 사용하는 shift() 배열 뒤에 데이터를 삭제할때 사용하는 pop() 가, 나, 다 가 있는 배열에 shift 와 pop으로 맨 앞과 뒤의 데이터 값 삭제한 것을 변수로 옮겨서 출력해보면 배열 맨앞의 값이 출력되는것을 확인 기존의 배열에서 데이터가 사라진다.( 영향이 있다...

JAVA SCRIPT 2022. 6. 2. 21:50

Object.keys( object명 ) 객체(object)의 key값을 배열 ( array )로 반환한다. 변수 object에 age, color라는 key값 20, red라는 value값을 가진 객체를 만들었다. Object.keys(object)로 배열로 반환한것을 a변수에 대입하고 콘솔창에 출력 해보니 array처럼 출력된다. Object.values( object명 ) 객체(object)의 value값을 배열 ( array )로 반환한다. 위 Object.keys와 동일하지만 value값을 배열로 반환해주는 차이. Object.entries( object명 ) 객체(object)의 key, value값을 배열 ( array )로 반환한다. 2개의 배열을 가진것을 확인할 수 있다. Object.f..

JAVA SCRIPT 2022. 6. 2. 01:01

Symbol( 값 ); a, b라는 변수에 같은 자료형 문자열로 똑같은 값을 넣고 동일한지 확인해보니 false값을 출력한다. 결국엔 심볼의 값이 똑같아도 심볼은 전부 다르다 심볼은 오브젝트에 프로퍼티 key값으로 사용되고 외부로 값이 노출되지 않는다 값이 없는 object라는 오브젝트를 하나 생성하고 변수 a에 'abc'라는 이름을 가진 심볼을 생성했다. object.a = 1 ; 로 a라는 key값과 1이라는 value값 그리고 object[a] = 2 ; 로 key값에 a라는 변수에 들어있는 심볼 value값에 2를 대입했다 콘솔창을 보면 key값에 심볼로 값이 노출되지 않는것을 볼 수 있다, 전역 심볼을 만들때 사용하는 Symbol.for( 값 ); 위에서 일반 for없이 심볼만 사용해서 만들었던..

JAVA SCRIPT 2022. 5. 30. 23:41

https://hyunu0504.github.io/blog3/ https://hyunu0504.github.io/blog3/ hyunu0504.github.io html 1, 2 , 3번 이미지를 보여주는 버튼 이전 다음 버튼이있는 이미지 슬라이드다 css display:flex;로 가로 정렬을 한다음에 이미지를 감싸고있는 부모에 overflow hidden으로 틀 이상 넘어갈시 안보이도록 처리했다 javascript 다음 이전 버튼 count라는 변수를 0값으로 지정하고 다음 버튼을 클릭할시 count라는 값이 18보다 작으면 작동하도록 이전 버튼을 클릭할시 count라는 값이 0보다 크면 if문이 되도록 했다. 성립할시 이미지 틀의 폭을 900px로 잡았기 때문에 count에 9를 더하고 뺏다. co..

JAVA SCRIPT 2022. 5. 29. 23:39

1. for문 for 반복문 구조 = for( 선언문; 조건문; 증감식 ) { 참일때 실행할 코드 } 위 반복문은 a < 5 가 성립하지 않을때까지 반복한다 a++로 반복할때마다 1씩 증가시켜준다 그래서 총 4번이 반복되는 for문을 만들었다. 2. array에서 사용되는 forEach반복문 array안에있는 갯수만큼 반복하고싶을때 사용하는 반복문 forEach문 구조 = array변수명.forEach( function ( array에 들어있는 데이터 갯수만큼 실행할 코드 값 ){} ) 위에서 array에는 10, 20, 30 총 3개의 데이터가 있다. forEach문을 사용해서 총 3번 반복되는것을 확인 할 수 있다. 3. object에서 사용되는 for in반복문 forEach와는 반대로 object..

JAVA SCRIPT 2022. 5. 26. 20:24

조건문 if if문 사용법 if ( 조건문 ) { 성립할시 실행 } 변수 a값은 10 if문 조건은 a가 5보다 클때 실행 그래서 중괄호 안에 값 실행 조건문 if else( 참 거짓을 고를때 사용 ) if ( 조건문 ) { 실행할 코드 } else { if문이 성립안할때 실행할 코드 } 첫번째 if문 a> 50 성립 x이기 때문에 else안에 코드 실행 if, else if, else ( 여러개의 if문을 만들때 사용 ) if ( 조건문 ) { 실행할 코드 } else if( 조건문2 ) { 실행할코드 } else { if문이 성립안할때 실행할 코드 } 첫번째 if 문 a > 15 성립 x 두번째 else if 문 a > 12 성립x 세번째 else if 문 a > 10 성립x 위에 if문들이 다 성립..

JAVA SCRIPT 2022. 5. 24. 23:47