본문 바로가기

JavaScript ◡̈

[JavaScript] programmers part 06 배열 배열 - 값을 저장할 수 있는 공간 - 주소(인덱스, index)를 이용해 각 원소에 접근 가능 - 배열의 정의 - 빈 배열 : var arr=[ ]; - 초기화된 배열 : var arr = [1, 2, 3, 4, 5]; - 서로 다른 자료형이어도 같은 배열에 저장 가능 - ex) var mixed_arr = [ 1, true, 3.14, "string", {name:"object"}, [1,2,3] ]; - 배열의 접근 방법 - arr[index] - ex) arr[0] = 1 - ex) console.log(arr[arr.length-1]); - 배열 수정하기 - .push(element) : 배열의 뒤에 엘리먼트 추가 - .pop( ) : 배열의 뒤에서 엘리먼트 삭제하고 리턴 - .shift( ) .. 더보기
[JavaScript] programmers part 05 String - 문자열 길이 파악 - 문자열.length - 문자열 이어 붙이기 - 문자열.concat(문자열2) - 문자열1 + 문자열2 - 특정 위치의 문자열 알아내기 - 문자열.charAt(index); - index 자리에 있는 문자 가져오기 - 문자열.charAt(문자열.length-1); : 마지막 문자 - 없는 경우 "" 출력 - 문자열[index] - 부분 문자열 구하기 - 문자열.substring(a, b); : 인덱스가 a인 곳부터 b-1까지의 부분문자열 - 문자열.substring(a) : a 인덱스 위치부터 끝까지 출력 - 문자열.substr(a, b); 인덱스가 a인 곳부터 b길이만큼의 부분문자열 - 문자열.substr(a) : a 인덱스 위치부터 끝까지 출력 - 문자열 검색하기 - 문자열.i.. 더보기
[JavaScript] programmers part 04 연산자와 함수 산술 연산자 (Arithematic operator) - 이항연산자 (binary operator) - 두개의 피연산자(A, B)를 가지는 연산자. A 연산자 B 의 꼴로 사용함. 피연산자는 변수나 숫자가 될 수 있음. - + 더하기 - - 빼기 - * 곱하기 - / 나누기 - % 나머지 - 단항연산자 (unary operator) - 하나의 피연산자(A)를 가지는 연산자 - 보통 연산자A의 꼴로 사용 - -연산자 - -1 - 증감연산자 (++, --) - 표현식 안에서 변수의 값을 증가하거나 감소시킬 수 있음. - 각각, A = A+1, A = A-1 의미 - 연산자를 변수 앞에 사용한 경우와 변수 뒤에 사용한 경우에 따라 변수의 값을 업데이트 하는 순서가 바뀜. Math 관련 명령어 - Math.po.. 더보기
[JavaScript] programmers part 3 자료형 JavaScript에서는 변수 선언할 때, var a = "hello"; // String 타입 var b = 3.14; // Number 타입 var c. = true; // Boolean 타입 등과 같이 문자열, 수, 불리언 타입 등을 선언하여 사용할 수 있음 - 해당 변수의 타입을 확인하고 싶을 때 - typeof(변수); 사용 - ex) console.log(a, typeof(a)); - console 창에서 값과 변수 자료형 바로 파악 가능함 Number 자료형 - JS에서는 정수와 실수를 구분하지 않고, Number 자료형으로 표현 - 지수 표현도 가능 - ex) var c = 1e-3; - 64비트의 수 표현 가능 - 키를 입력받아 키와 자료형을 출력하면, String 타입인 것을 확인 가능.. 더보기
[WEB2 - JavaScript] 객체 인프런 30강 "객체 쓰기와 읽기" - coworkers 라는 배열에 사전형식으로 데이터 넣어주기 ('key' : 'value') 형식 - value를 가져오기 위해 "배열명.키" 활용 - ex) coworkers.programmer - 초기에 선언하지 않고 추가도 가능 : 배열명.키 = "값" - ex) coworkers.bookkeeper = "duru"; - 띄어쓰기는 할 수 없기 떄문에 띄어쓰기가 존재하는 경우 다음과 같이 접근하여 추가 혹은 데이터 읽기 가능 - ex) coworkers["data scientist"] = "taeho"; : 추가할 때 - ex) coworkers["data scientist"] : 값 불러올 때 인프런 31강 "객체와 반복문" - 다음과 같이 반복문 사용하여 k.. 더보기
[WEB2 - JavaScript] 함수 인프런 25강 "함수의 기본" 함수 - function, method라고 부르기도 함 ** 어떤 것이 반복해서 출력되어야 할 때에, 반복문을 주로 사용하지만, 규칙이 없이 반복되는 경우도 존재 - 그럴 경우에는 함수를 만들어 사용 - line 12-13와 line 15-16이 동일한 것 확인해보면, 애매하게 다르기 때문에 반복문 사용은 어려움 - 반복되는 부분을 함수로 생성하려고 함 - script 태그 내부만 본다면, two라는 함수를 생성하여, 해당 부분에는 함수를 넣어주어 결과는 동일하지만, 코드는 간결하게 수정할 수 있음 인프런 26강 "매개변수와 인자" - Parameter & Argument 소제목 아래에 1+1 계산한 값 출력하도록 작성 - 동일하게 출력되도록 하되, 함수 내에 넣기 - 동일.. 더보기
[WEB2 - JavaScript] Lecture 23. 배열과 반복문의 활용 인프런 23강 "배열과 반복문의 활용" 이전 강의에서 학습한 배열과 반복문을 활용하여 night_day 실습에 활용하는 연습 - querySelector('a') 를 사용하면, a태그 하나만 가져오기 때문에 검색해보았을 때에, 검색하는 태그에 해당하는 것들을 모두 가져오고 싶을 때에는 document.querySelectorAll('a') 사용해야 함 - developer.mozilla.org/ko/docs/Web/API/Document/querySelectorAll 참고 - 결과는 정확하게 말하면 배열은 아니지만, 배열의 형태로 가져온다고 할 수 있음 - 예를 들어 결과를 list 이름의 배열에 저장한다고 하면, list.length를 통해 배열 원소의 개수 파악 가능 - line 10 : target.. 더보기
[WEB2 - JavaScript] Lecture 22. 배열과 반복문 inflearn JavaScript 22강 "배열과 반복문" - 코드에 여러 내용 추가해주면 다음과 같이 화면에 표현됨 - 같이 들어갈 내용이 여러 줄에 걸쳐 표현되었기 때문에 배열에 넣어주어 간단하게 표현 가능 ** 배열과 반복문 이용한 것 뿐 이전 화면과 차이는 없음을 확인할 수 있음 - 만약 coworkers 배열에 하나의 원소를 추가한다면, while문 조건 수정이 없다면 기존과 동일한 결과 확인 가능 - 하지만, coworkers 배열의 원소들은 변함 없지만, 조건이 원소의 개수보다 큰 수로 변경된다면, 나머지 값은 undefined로 출력됨 ** 더 좋은 방법은 직접 숫자를 지정해주는 것이 아니라, 배열 원소의 개수 구하는 함수 활용 (length) 이렇게 코드 실행 시킨다면 결과는 동일하게 .. 더보기

티스토리툴바