본문 바로가기

JavaScript34

자바스크립트[기초] Array.prototype.join | Array.prototype.flat Array.prototype.join 원본 배열의 모든 요소를 문자열로 변환한 후, 인수로 전달받은 문자열, 즉 구분자로 연결한 문자열을 반환한다. 구분자는 생략 가능하며 기본 구분자는 콤마(',')이다. const arr =[1,2,3,4]; // 기본 구분자는 콤마 , 이다 // 원본 배열 arr의 모든 요소를 문자열로 변환한 후 기본 구분자로 연결한 문자열을 반환한다. arr.join(); // '1,2,3,4'; // 원본 배열 arr의 모든 요소를 문자열로 변환한 후 빈 문자열로 연결한 문자열을 반환한다. arr.join(''); // '1234' // 원본 배열 arr의 모든 요소를 문자열로 변환한 후 구분자 ':'로 연결한 문자열을 반환한다. arr.join(':');// '1:2:3:4' .. 2022. 4. 18.
자바스크립트[기초] 배열 메소드 종류 Array 생성자 함수는 정적 메소드를 제공하며, 배열 객체의 프로토타입인 Array.prototype은 프로토타입 메소드를 제공한다. 배열에는 원본 배열(배열 메소드를 호출한 배열, 즉 배열 메소드의 구현체 내부에서 this가 가리키는 객체)을 직접 변경하는 메소드 와 원본 배열을 직접 변경하지 않고 새로운 배열을 생성하여 반환하는 메소드 가 있다 원본 배열을 직접 변경 하는 메소드 Array.prototype.push 인수로 전달 받은 모든 값을 원본 배열의 마지막 요소로 추가하고 변경된 length 프로퍼티 값을 반환한다. const arr =[1]; arr.push(2); console.log(arr); //[1,2] Array.prototype.pop 원본 배열에서 마지막 요소를 제거하고 제거한.. 2022. 4. 18.
자바스크립트[기초] Array.isArray | Array.prototype.indexof | Array.prototype.includes Array.isArray Array 생성자 함수의 정적 메소드이다 전달된 인수가 배열이면 true , 배열이 아니면 false를 반환한다. // true Array.isArray([]); Array.isArray([1,2]); Array.isArray(new Array()); // false Array.isArray(); Array.isArray({}); Array.isArray(null); Array.isArray(undefined); Array.isArray(1); Array.isArray('Array'); Array.isArray(true); Array.isArray(false); Array.isArray({ 0: 1, length: 1 }); Array.prototype.indexof 원본 배열에.. 2022. 4. 18.
자바스크립트[기초] Array.prototype.splice 메소드 희소 배열을 만들지 않으면서 배열의 특정 요소를 완전히 삭제할 때 사용하는 메소드 이다 const arr =[1,2,3]; // Array.prototype.splice(삭제를 시작할 인덱스, 삭제할 요소 수) // arr[1] 부터 1개의 요소를 제거 arr.splice(1,1); console.log(arr); // [1,3] //length 프로퍼티가 자동 갱신 된다. console.log(arr.length); // 2 2022. 4. 18.
자바스크립트[기초] 배열 요소의 추가와 갱신 const arr =[0]; // 배열 요소의 추가 arr[1] = 1; // 첫번재 인덱스에 1 추가 console.log(arr); //[0,1] console.log(arr.length); // 2 현재 배열의 length 프로퍼티 값 보다 큰 인덱스로 새로운 요소를 추가하면 희소 배열이 된다. 이때 인덱스로 요소에 접근하여 명시적을 값을 할당하지 않은 요소는 생성되지 않는다. arr[100] = 100; console.log(arr); // [ 0, 1, , 100 ] console.log(arr.length); // 101 이미 요소가 존재하는 요소에 값을 재할당 하면 요소 값이 갱신 된다. // 요소값의 갱신 arr[1] = 10; console.log(arr); // [0,10,, 100] 2022. 4. 18.
자바스크립트[기초] Array.of 메소드 | Array.from 메소드 유사 배열 객체 : 배열처럼 인덱스로 프로퍼티 값에 접근할 수 있고 length 프로퍼티를 갖는 객체이다. (for문으로 순회 가능) 이터러블 객체 : Symbol.iterator 메소드를 구현하여 for.. of 문을 순회할 수 있고 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용할 수 있는 객체를 말한다. Array.of 메소드 ES6에서 도입된 Array.of 메소드는 전달된 인수를 요소로 갖는 배열을 생성한다. Array 생성자 함수와 다르게 전달된 인수가 1개 이고 숫자이더라도 인수를 요소로 갖는 배열을 생성한다. // 전달된 인수가 1개이고 숫자이더라도 인수를 요소로 갖는 배열을 생성한다. Array.of(1); // [1] Array.of(1,2,3); // [1,2,3] Array... 2022. 4. 18.
자바스크립트[기초] Array 생성자 함수 ※ Array 생성자 함수는 전달된 인수의 개수에 따라 다르게 동작하므로 주의가 필요하다. 전달된 인수가 1개이고 숫자인 경우 length프로퍼티 값이 인수인 배열을 생성한다. const arr = new Array(10); // 배열의 크기를 정해준다 console.log(arr); // [empty * 10] console.log(arr.length); //10 전달된 인수가 없는 경우 빈 배열을 생성한다. 즉,배열 리터럴[]과 같다 new Array(); // [] 전달된 인수가 2개 이상이거나 숫자가 아닌 경우 인수를 요소로 갖는 배열을 생성한다. // 전달된 인수가 2개 이상이면 인수를 요소로 갖는 배열을 생성한다. new Array(1,2,3); // [1,2,3] // 전달된 인수가 1개지만.. 2022. 4. 18.
자바스크립트[기초] undefined 란 ? | 변수에 값이 없다는 것을 명시하고 싶을 때 ★ undefined 란? 자바스크립트는 변수를 선언하면 암묵적으로 undefined로 초기화된다 undefined는 자바스크립트 엔진이 변수를 초기화할 때 사용하는 값이다. 변수를 참조 했을때 undefined가 반환된다면 변수 선언 이후 값이 할당된 적 없는, 즉 초기화되지 않은 변수를 말한다 . 개발자가 의도적으로 변수에 값이 없다는 것을 명시하고 싶을 때는 변수에 null을 할당해주면 된다 // 프로그래밍 언어에서 null은 변수에 값이 없다는 것을 의도적으로 명시할때 사용한다 var a = null; 2022. 4. 18.
자바스크립트[기초] 변수의 초기값 비교 undefined var x; //undefined 위에 코드처럼 var 키워드로 선언한 변수는 암묵적으로 undefined 라는 값을 갖는다 [잘못된 비교] alert(x == "undefined") // false 아무것도 할당 하지않은 변수의 초기값을 비교할때 undefined는 문자열로 비교하면 안 된다. undefined는 문자열이 아니고 그냥 그 자체로도 특수한 값이다 그래서 비교할 때는 문자열로 비교하는 것이 아니라 그냥 undefined로 비교해주어야 한다 [제대로 된 비교] alert(x == undefined) // true 2022. 4. 18.
728x90

티스토리툴바