const items = ["apple", "banana", "orange"];
 
const itemList = items.map((item, index) => <li key={index}>{item}</li>);
 
return <ul>{itemList}</ul>;

const users = [
  { id: 1, name: "John", age: 25 },
  { id: 2, name: "Jane", age: 17 },
  { id: 3, name: "Doe", age: 20 },
  { id: 4, name: "Alice", age: 16 },
];
 
const filteredUsers = users.filter((user) => user.age > 18);
 
return (
  <>
    <ul>
      {filteredUsers.map((user) => (
        <li key={user.id}>
          {user.name} - {user.age} years old
        </li>
      ))}
    </ul>
  </>
);

const fruits = ["apple", "banana", "cherry", "date", "elderberry"];
 
const slicedFruits = fruits.slice(1, 3);
 
return (
  <>
    <ul>
      {slicedFruits.map((fruit, index) => (
        <li key={index}>{fruit}</li>
      ))}
    </ul>
  </>
);
 
// - banana
// - cherry

splice(start, deleteCount);

const fruits = ["apple", "banana", "cherry", "mango"];
fruits.splice(1, 0, "MyValue");
// fruits: ["apple", "MyValue", "banana", "cherry", "mango"]

fruits.splice(1, 2, "MyValue");

// fruits: ["apple", "MyValue", "mango"]

const arr1 = ["apple", "banana", "orange"];
const arr2 = ["grape", "kiwi", "melon"];
const concatArr = arr1.concat(arr2);
 
return (
  <>
    {concatArr.map((item) => (
      <div>{item}</div>
    ))}
  </>
);
 
// concatArr: ['apple', 'banana', 'orange', 'grape', 'kiwi', 'melon']

const fruits = ["apple", "banana", "cherry", "date", "elderberry"];
 
const foundFruit = fruits.find((fruit) => fruit === "banana");
 
return <div>{foundFruit}</div>;
 
// foundFruit: "banana"

const fruits = ["apple", "banana", "cherry", "date", "elderberry"];
 
const foundFruitIndex = fruits.findIndex((fruit) => fruit === "banana");
 
return <div>{foundFruitIndex}</div>;
 
// foundFruitIndex: 1

const { title, description } = post;
 
return (
  <div>
    <h1>{title}</h1>
    <p>{description}</p>
  </div>
);

function sum(...numbers) {
    let total = 0;
    for (let number of numbers) {
        total += number;
    }
    return total;
}
 
console.log(sum(1, 2, 3, 4, 5)); // Output: 15

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combinedArray = [...arr1, ...arr2];
// combinedArray: [1, 2, 3, 4, 5, 6]
 
// Spread Operator ใน Object
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const combinedObject = { ...obj1, ...obj2 };
console.log(combinedObject); // Output: { a: 1, b: 2, c: 3, d: 4 }