본문 바로가기

Front End/Javascript

(53)
[JavaScript] 배열 indexOf(), lastIndexOf(), find(), findIndex() 문자열.padStrat(길이, 채움문자)문자열의 길이를 폭만큼 확보해서 문자열 앞에 빈자리를 채움문자로 채웁니다.문자열.padEnd(길이, 채움문자)문자열의 길이를 폭만큼 확보해서 문자열 뒤에 빈자리를 채움문자로 채웁니다.        document.write(`${ar.length}개 : `);        ar.forEach(n=> document.write(`${n}`.padStart(3, '0') + " "));        document.write(``);indexOf(값)매개 변수로  주어진 값과 같은 값을 가지는 첫 번째 요소의 인덱스를 반환합니다. 찾지 못하면 -1을 반환합니다. lastIndexOf(값)매개 변수로  주어진 값과 배열의 뒤에서 부터 찾아서 첫 번째로 발견된 요소의 인덱..
[JavaScript] 배열 concat(), fill(), copyWithin(), Array.isArray() 배열.concat()두개 또는 그 이상의 배열을 연결한 배열을 반환합니다.         let ar1 = ["밤","배","감"];        let ar2 = ["사과","대추"];        let ar3 = ["딸기","포도"];        document.write(`${ar1.length}개 : ${ar1}`);        document.write(`${ar2.length}개 : ${ar2}`);        document.write(`${ar3.length}개 : ${ar3}`);                // concat() : 두개 또는 그 이상의 배열을 연결한 배열을 반환합니다.        let ar4 = ar1.concat(ar2, ar3);         docume..
[JavaScript] 배열 toString() 메서드와 Array.join() 메서드 배열에는 배열의 내용을 ,로 구분해서 문자열로 만들어 주는 toString()이 만들어져 있습니다. 배열을 출력하면 toString()이 자동으로 호출된니다.        let ar = ["밤","배","감","사과","대추"];        // 배열에는 배열의 내용을 ,로 구분해서 문자열로 만들어 주는 toString()이 만들어져 있다.        document.write(`${ar.toString()}`); // 밤,배,감,사과,대추         let str = ar.toString();        document.write(`${str}`); // 밤,배,감,사과,대추         // 배열을 출력하면 toString()이 호출된다.        document.write(`${ar..
[JavaScript] 배열 unshift(), shift(), push(), pop() unshift(값)배열 앞에 요소를 추가합니다.요소의 개수가 늘어 납니다.        ar.unshift('사과');                ar.unshift('대추');                ar.unshift('딸기');  shift()제일 앞 요소를 꺼내 제거한 후 남아있는 요소들을 앞으로 밀어줍니다. 이렇게 하면 두 번째 요소가 첫 번째 요소가 됩니다. 요소의 개수가 줄어 듭니다.          let data1 = ar.unshift();     let data2 = ar.unshift();     let data3 = ar.unshift();push(값)끝에 요소를 추가합니다.요소의 개수가 늘어 납니다.        ar.push('배');                ar.pus..
[JavaScript] 배열 요소의 반복(for, for ~ in, for ~ of, forEach) 배열의 요소의 모든 내용을 순회하는데는 방법이 존재 합니다.         let ar = ["밤","배","감","사과","대추"];        document.write(`${typeof(ar)}(${ar.length}개) : ${ar}`);        document.write(``); 전통적인 for 반복문을 사용하는 방법 : index의 범위인 0 ~ length-1까지를 반복하며 [](대괄호)로 접근합니다.         // 배열 요소의 반복        for(let i=0;i            document.write(`ar[${i}] = ${ar[i]}`);        }        document.write(``); for ~ in : 배열의 크기를 자동으로 판단하여 ind..
[JavaScript] 배열 요소의 추가/수정/삭제 하기 배열의 요소에 접근하기 위해서는 [](대괄호)안에 위치값(index)을 지정하여  사용합니다.위치값(index)은 항상 0부터 시작합니다.요소의 개수가 n개일 경우 위치값(index)의 범위는 0 ~ n-1까지 입니다.다른 언어와 다르게 위치값(index)의 범위를 넘는 값을 지정해도 에러가 발생하지 않습니다. undefined가 나옵니다.                let ar = ["밤","배","감","사과","대추"];        document.write(`${typeof(ar)}(${ar.length}개) : ${ar}`);         document.write(`요소의 개수(length 속성) : ${ar.length}개`);        // 첨자를 이용하여 개별요소에 접근한다.(첨자..
[JavaScript] 배열 생성하기 자바스크립트에서 배열 다루는 방법에 대하여 알아보겠습니다. 배열은 여러항목의 컬렉션을 단일 변수에 저장할때 사용합니다. 자바스크립트의 배열은 다른 언어의 배열과는 다릅니다. 흡사 다른언어의 리스트와 더 비슷합니다. 자바스크립트는 동적타이핑 언어이므로 다음과 같이 정수, 실수, 문자열, 함수,객체 등 모든 요소를 배열의 요소로 사용가능합니다. 그리고 요소의 추가/삭제도 가능합니다.       [1, 3.14, '문자열', true, ()=>{alert('Hi!!');}, {name:"한사람", age:22}, [11,22,33]] 이제 하나하나 알아 보도록 하겠습니다.배열만들기자바스크립트에서는 배열을 만들때 Array객체를 이용하거나 [](대괄호)를 이용합니다. 빈 배열의 생성은 다음과 같이 합니다.   ..
[JavaScript] 정적 타입 (Static Typing) & 동적 타입 (Dynamic Typing) 정적 타입 (Static Typing) : 변수의 타입이 컴파일 시간에 결정되고, 그 이후에는 변경할 수 없습니다.                                             c/c++, Java ....동적 타입 (Dynamic Typing) : 변수의 타입이 실행 시간에 결정되며, 실행 중에도 타입이 변경 가능합니다.                                                  python, javascript......정적 타입 (Static Typing) 장점컴파일 시 타입 검사 : 코드를 작성하는 동안 발생하는 많은 타입 오류를 컴파일 시간에 미리 감지할 수 있습니다.성능 최적화 : 정적 타입 정보를 활용하여 컴파일러가 코드를 더 효율적으로 최적화할..