0804 TIL

자바스크립트 공부

1. 형변환

let value = true;
alert(typeof value); // boolean 이라는 값이 나옴 원래는 boolean 이라는 값인데

value = String(value); // String 을 적음으로써 value 라는 문자열로 바뀌고
alert(typeof value); //그래서 타입을 찍으면 string 이 나오는 것

let str = "123";   //""안에 있는 값은 문자열이다.
alert(typeof str); //그래서 string 이라고 반환함

let num = Number(str); //그런데 Number 를 적음으로써 "" 안에 있는 123이 숫자가 된다.
alert(typeof num); // 그래서 number 라는 값을 반환한다.

let age = Number("임의의 문자열 123"); //넘버라고 변환할려고 했는데 문자가 있어서
alert(age); // 숫자가 아님의 NaN이 표시가 된다. 그리고 형변환을 실패한다.

2. 이미지 첨부

const arrBg = [];
for (let i = 0; i < gelleryUlLi.length; i++) {
  arrBg.push('url(img/sec1_' + i + '.jpg)no-repeat 50% /cover');
  gelleryUlLi[i].style.background = arrBg[i];
}

3. for문

for (let i = 2; i <= 12; i += 2) {
  console.log(i);
}

4. while문

let i = 2;
while (i <= 12) {
  console.log(i);
  i += 2;
}

5. for문과 while문으로 구구단 2단 만들기

for문

for (let i = 1; i <= 9; i++) {
  console.log('2x' + i + '=' + (i * 2))
}

while문

let i = 1;
while (i<=9){
  console.log('2x'+ i +'='+(i*2));
  i++;
}

for문은 1->2->4->3 순서고
while문은 1->2->3->4 순서다.

6. 배열

   let arr = []; //첫번째 방법
   let arr = new Array(); //두번째 방법

let fruits= [];
fruits[0] = '사과';
fruits[1] = '배';
fruits[2] = '바나나';
console.log(fruits);

배열설명 (1)

let fruits = ['사과', '배', '바나나','딸기'];
let animals = ['사자','호랑이','기린'];

console.log(fruits);
console.log(fruits[0]);

let amount = fruits.length;
let newStr = fruits.join('/');
let newArr = fruits.reverse(); // 반전 시켜줌
let newArr2 = fruits.sort(function(a,b){
  return b-a;
}); // a , b  순서로 들어온걸 b-a 순서로 바꿔라 그래서 반전이 됨. 문자는 안됨. 숫자만 정렬해줌

let newArr3 = fruits.concat(animals); // A에다가 B를 붙여주는 concat
let newArr4 = fruits.slice(1,3); // 배랑 바나나만 출력이 되는데 그 이유는 1번부터 3번 '이전'까지 출력되게끔 해준다 slice가
//slice는 원본을 자르지 않는다.
let newArr5 = fruits.splice(1,3); // 1~3까지 모두 출력은 되는데 문제는 원본에서 사라짐

console.log(amount);
console.log(newStr);
console.log(newArr);
console.log(newArr2);
console.log(newArr3);
console.log(newArr4);
console.log(newArr5);

배열설명(2) -값을 추가하기 push 밀어넣기 (기존값 뒤에 추가한다.)

let beers1 = ['하이네켄','코로나','스텔라','카스'];
beers1.push('칭따오','제주비어'); // 원래 값 뒤에 새로운 값을 추가해줌
console.log(beers1); // 하이네켄,코로나,스텔라,카스,칭따오,제주비어

배열설명(3) -값을 추가하기 unshift 밀어넣기 (기존값 앞에 추가한다.)

let beers2 = ['하이네켄','코로나','스텔라','카스'];
beers2.unshift('칭따오','제주비어'); // 원래 값 앞에 새로운 값을 추가해줌
console.log(beers2); //칭따오,제주비어,하이네켄,코로나,스텔라,카스

배열설명(4) -값을 삭제하기 pop (맨 뒤에 있는 걸 없앤다.)

let beers3 = ['하이네켄','코로나','스텔라','카스'];
beers3.pop(); // 맨 뒤에 있는 값을 없앤다.
console.log(beers3); //하이네켄,코로나,스텔라

배열설명(5) -값을 삭제하기 shift (맨 앞에 있는 걸 없앤다.)

let beers4 = ['하이네켄','코로나','스텔라','카스'];
beers4.shift(); // 맨 앞에 있는 값을 없앤다.
console.log(beers4); // 코로나,스텔라,카스