내가 쓰려고 정리하는 javascript

 

 

map()

 

const fruits=['Apple','Banana','cherry'];

console.log(obj);

const obj=fruits.map(function(fruit,index){
	return {id:index,name:fruit}
});



## 	출력
 {id: 0, name: 'Apple'},
 {id: 1, name: 'Banana'},
 {id: 2, name: 'cherry'}
 
 
 
 
// 더 줄이기

const obj2 = fruits.map(
	(f,i) => ({id:i, name:f});
);

 

 

 

 

 

filter()

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter( function(word){ return word.length > 6; } );


// 더 짧게
const result2 = words.filter(word => word.length > 6);


// expected output: Array ["exuberant", "destruction", "present"]

 

 

 

find()

const array1 = [5, 12, 8, 130, 44];
const found = array1.find(element => element > 10);

 

 

includes()

const numbers=[1,2,3,4]
const fruits=['Apple','Banana','Cherry']
const a=numbers.includes(3)
console.log(a)  // true
const b=fruits.includes('Cheritis')
console.log(b) // false

 

 

 

 

구조분해 할당(비구조화할당) Destructuring assignment

 

[ex]
const a=[10,20,30];
const [b,c,d]=a;
console.log(b); // 10
console.log(c); // 20
console.log(d); // 30


[ex]
    <script>
      function f(//here){
        document.write(a+"<br/>");
        document.write(b+"<br/>");
        document.write(c+"<br/>");
      }
      f([10,20,30]);
    </script>

[ex]
const a={"b":10,"c":20,"d":30};
const {b,c,d}=a;
console.log(b); // 10
console.log(c); // 20
console.log(d); // 30


[ex]
    <script>
      function f(//here){
        document.write(id+"<br/>");
        document.write(pw+"<br/>");
      }
      f({"id":"aa","pw":"bb"});
    </script>

https://cafe.naver.com/seoulitacademy/87635

#신사임당 76기 32강 Javascript ES6 Array객체 map, filter, find, includes,구조분해할당(비구조화할당)