[javascript] 문자열을 배열로 변환하는 방법들
코테나 실무에서 문자열을 배열로 변환하여 로직을 작성해야하는 경우가 종종 있습니다그럴 때 사용하는 방법은 아래 3가지 중 편한 방법을 선택하시면 됩니다 1. split() 사용 const str = "hello";const arr1 = str.split(''); // ['h', 'e', 'l', 'l', 'o']const str = "hello"; const arr1 = str.split(''); // ['h', 'e', 'l', 'l', 'o'] 2. spread 연산자 사용 const arr2 = [...str]; // ['h', 'e', 'l', 'l', 'o']3. Array.from() 사용 const arr3 = Array.from(str); // ['h', 'e', 'l', 'l', 'o']
[JavaScript] for of 반복문에서 배열의 idx 값 가져오기 entries()
let fruits = ['바나나', '사과', '체리', '수박']for (const [idx, fruit] of fruits.entries()) { console.log(`idx: ${idx}, fruit: ${fruit}`);}// idx: 0, fruit: 바나나// idx: 1, fruit: 사과// idx: 2, fruit: 체리// idx: 3, fruit: 수박 물론 이런 방법도 된다. let fruits = ['바나나', '사과', '체리', '수박']let idx = 0;for (const fruit of fruits) { console.log(`idx: ${idx}, fruit: ${fruit}`); idx++;}// idx: 0, fruit: 바나나// idx: 1,..
[JavaScript] Object.keys, Object.values, Object. entries, Object.fromEntries
Object.keys, Object.values, Object.entrie각 메서드는 객체의 키, 벨류, 혹은 둘 다를 배열로 반환한다let user = { name: "John", age: 30};console.log(Object.keys(user)) // 출력 : ["name", "age"]console.log(Object.values(user)) // 출력 : ["John", 30]console.log(Object.entries(user)) // 출력 : [ ["name","John"], ["age",30] ] fromEntries(iterable) key-value 리스트를 객체로 변환한다.const entries = new Map([ ['foo', 'bar'], ['baz', 42],]..
[JavaScript] with 사용법 Array.prototype.with()
2023년 7월에 추가된 메서드로배열의 특정 인덱스의 값을 변경한 새로운 배열을 반환.원본 배열은 변경되지 않는다. 1. 구문 arrayInstance.with(index, value) // index: 변경하려는 요소의 인덱스 // value: 새로 할당할 값 2. 반환값 지정된 인덱스의 요소가 새 값으로 대체된 새로운 배열 3. 예시 const arr = [1, 2, 3, 4, 5]; console.log(arr.with(2, 6)); // [1, 2, 6, 4, 5] console.log(arr); // [1, 2, 3, 4, 5] (원본 배열은 변경되지 않음) 4. 특징 음수 인덱스 사용 가능 (배열 끝에서부터 계산)희소 배열(sparse array)에 사용하면 빈 슬롯을 und..
