[ 자바스크립트 입문] 1주차

변수

종류 : let, const, var

let 변수명 = 식;

let total = 1000 + 80 + 20;
console.log(total); //1100

변수란 : 변하는 숫자라는 의미로 한번 저장한 값을 바꿀 수 있다는 뜻이다.

let change = '바꿔 봐';
change = '바꼈다.';
console.log(change); //바꼈다.

변수 활용하기
- 변수에 들어 있는 값을 다른 변수에 대입하기

let string = 'hi';
let string2 = string;
console.log(string2); //hi

 

let str = "hello";
console.log(str);
console.log(str);

let str = "change";
console.log(str); //change

값을 사용할 때와 수정할 때 중복이 발생하는데, 이를 막기 위해 중복되는 문자열을 변수로 만듦

var는 변수이고 예약어를 변수명으로 사용가능

var undefined = 'defined';

 

const 상수

상수(const) : 번하지 않는 수로 한번 값을 대입하면 다른 값을 대입할 숭 ㅓㅄ다.

const arr = "hi";​

==와 ===의 다른 점

'1' == 1; //true
1 == true; //true
1 == '1'; // true

 

==는 앞에서 값이 같은지 비교할 때 사용한다

'1' === 1; //false
1 === true; //false
1 === 1; //true

===는 값을 비교할 때 뿐만 아니라 자료형도 같은지 비교한다.

 

 

문자의 번호 알아보기

문자의 번호를 알아보려면 charCodeAt()을 사용한다.

'a'.charCodeAt();
> 97​

---

switch문

switch(조건식){
	case 비교 조건식: 
    실행문;
    }
    
    let value = 'a';
    switch(value){
    	case 'a';
        console.log('a');
        break;
        
        case 'b':
        console.log('this is b');
        break;
        
        default : //어느 것도 일치하지 않을때 쓰이고, 어디에나 위치할 수 있다.
        console.log('free');
     
    }

 

 

객체

객체 : 다양한 값을 모아 둔 또 다른 값
종류 : 배열, 함수, 배열이나 함수가 아닌 객체

 

배열

배열의 요소

length // 길이 구할 때 사용

.at(찾으려고 하는 값의 인덱스);
// 요소 찾을 때 사용
// 배열의 요소 수정시 .at()은 사율 불가

 

요소 추가 및 삭제

unshift() : 배열의 맨 앞에 새로운 요소 추가
shift() : 첫 번재 요소 삭제

push() : 배열의 맨 뒤에 새로운 요소 추가
pop() : 마지막 요소 삭제

 

includes : 배열에 특정 요소가 있는지 찾기

let arr = [30,'딸기','복숭아','apple','jelly'];
let result = arr.includes('a');
console.log(result); //false

 

splice : 중간 요소 삭제 및 값 넣기

splice(시작 인덱스, 삭제할 요소의 개수)

const target = ['가','나','다','라','마'];
target.splice(1,2);
target; // ['가','라','마']

//새로운 요소 삽입
const target = ['가','나','다','라','마'];
target.splice(1,2,'타','파);
target; // ['가','타','파','라','마']

 

인덱스 위치 구하기

indexOf() : 앞에서부터 인덱스의 위치 구하기
lastIndexOf() : 뒤에서부터 인덱스의 위치 찾기

 

배열  → 문자열,  -> 배열 

split() : 문자열을 배열로
join() : 배열을 문자열로
concat() : 두 배열을 합쳐 하나의 새로운 배열로 만듦

'23'.concat('4','5'); // '2345'
[1.2].concat([3,4]); //[1,2,3,4]

 

slice

배열.slice(시작 인덱스, 종료 인덱스) : 기존 배열을 잘라 새 배열 만들기, 종료 인덱스는 포함x

['2','3','4','5','6'].slice(2,3); //['4','5']
['2','3','4','5','6'].slice(1,-1); // ['3','4','5'] , .at(-1)은 마지막 요소

 

132p 1분 퀴즈 풀기

 

이번주부터 개학을 해서 그런지 1주차에 정해진 분량을 다 채우지 못해서 아쉬운 마음이다.
1주차에는 1차원 배열까지 공부를 해 보았다. 또한 여기에 더하여 다양한 메서드들을 알아보았다. 이렇게 개념을 보면서 공부하면 이해는 가는데 막상 문제를 풀어보면 엉망인 것 같다...
그래도 포기하지 않고 배열까지 진도를 나가서 뿌듯하다!
다음주도 화이팅.