본문 바로가기
728x90
반응형

분류 전체보기646

[Javascript] - 자바스크립트 Array.prototype.concat 사용법 #자바스크립트 Array.prototype.concat 사용법 -concat 메서드는 인수로 전달된 값들을 원본 배열의 마지막 요소로 추가한 새로운 배열을 반환 -예시 const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; // arr2를 arr1의 마지막 요소에 추가하여 새로운 배열을 반환 let result = arr1.concat(arr2); console.log(result); // [1, 2, 3, 4, 5, 6] // 원본 배열은 변하지 않는다. console.log(arr1); // [1, 2, 3] 2021. 8. 1.
[Javascript] - 자바스크립트 Array.prototype.indexOf, Array.prototype.includes 사용법 #자바스크립트 Array.prototype.indexOf, Array.prototype.includes 사용법 -indexOf 메서드는 원본 배열에서 인수로 전달된 요소를 검색하여 인덱스를 반환한다. #원본 배열에 인수로 전달한 요소와 중복되는 요소가 여러 개 있다면 첫 번째로 검색된 요소의 인덱스를 반환하고 인수로 전달한 요소가 존재하지 않으면 -1을 반환한다. -예시 const arr = [1, 2, 3, 3, 4, 5]; // arr에서 3을 검색하여 첫 번째로 검색된 요소의 인덱스를 반환 console.log(arr.indexOf(3)); // 배열에 7이 없으므로 -1 console.log(arr.indexOf(7)); // 두번째 인수는 검색을 시작 할 인덱스 // 4 console.log(a.. 2021. 7. 31.
[Javascript] - 자바스크립트 Array.isArray 메서드 사용법 #자바스크립트 Array.isArray 메서드 사용법 -Array.isArray 메서드는 전달된 인수가 배열이면 true, 배열이 아니면 false를 반환한다. #예시 // true Array.isArray([]); Array.isArray([1, 2, 3]); Array.isArray(new Array()); // false Array.isArray(); Array.isArray({}); Array.isArray(null); Array.isArray(1); Array.isArray(true); 2021. 7. 31.
[Javascript] - 자바스크립트 Array 생성자 함수, Array.of, Array.from 사용법 #자바스크립트 Array 생성자 함수, Array.of, Array.from 사용법 -Array 생성자 함수를 통해 배열을 생성할 수도 있다. #전달된 인수가 1개이고 숫자인 경우 length 프로퍼티 값이 인수인 배열을 생성한다. #예시 const arr = new Array(100); console.log(arr); // (100) [empty × 100] console.log(arr.length); // 100 #전달된 인수가 없는 경우 빈 배열을 생성한다. #예시 new Array(); // [] #전달된 인수가 2개 이상이거나 숫자가 아닌 경우 인수를 요소로 갖는 배열을 생성한다. #예시 new Array(4, 6, 8); // [4, 6, 8] // Array 생성자 함수는 new 연산자와 함.. 2021. 7. 31.
[Javascript] - 자바스크립트 배열(array) length, push, pop 사용법 #자바스크립트 배열(array) length, push, pop 사용법 #배열이란 ? -배열은 여러 개의 값을 순차적으로 나열한 자료구조다. -배열의 타입은 Object이다. #배열의 요소들은 각각 0이상의 인덱스(index)를 갖는다. #예시 const arr = ['Java', 'C', 'Python']; arr[0] // Java arr[1] // C arr[2] // Python #배열의 길이를 나타내는 length 프로퍼티를 가지고 있다. #예시 arr.length // 3 #배열은 인덱스와 length 프로퍼티를 갖기 떄문에 for 문을 통해 순차적으로 요소에 접근할 수 있다. #예시 // ['Java', 'C', 'Python'] for(let i = 0; i < arr.length; i++.. 2021. 7. 31.
[Javascript] - 자바스크립트 비교연산자 동등비교(==) vs 일치비교(===) 차이점 #자바스크립트 비교연산자 동등비교(==) vs 일치비교(===) 차이점 -동등 비교(==) 연산자와 일치 비교(===) 연산자는 좌항과 우항의 피연산자가 같은 값으로 평가되는지 비교해 boolean 값을 반환한다. -동등 비교(==) 연산자는 느슨한 비교를 일치 비교(===) 연산자는 엄격한 비교를 한다. #동등 비교(==) 연산자는 좌항과 우항의 피연산자를 비교할 떄 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교한다. 예측하기 어려운 결과를 만들어 낼 수도 있기 때문에 일치 비교(===) 연산자를 사용하는 것을 추천한다. #예시 // 동등 비교 3 == 3; // true // 타입은 다르지만 암묵적 타입변환을 통해 타입을 일치시킨 후 비교한다. 3 == '3'; // true #.. 2021. 7. 30.
728x90
반응형

티스토리툴바