JSFiddle - React, Tailwind, and code Playground

by bergb

JavaScript

/**
 * @param {string} name
 */
const nikola = { name:'Nikola',age:65};
nikola.age=45;

const numbers = [1, 2, 3];
const doubled = numbers.map(n => n * 2);


function triple (n) { return n*3; }
const tripled = numbers.map(triple);
console.log(tripled);

function getFirstCharacter(name) {

}

// Sample usage - do not modify
console.log(getFirstCharacter("Amsterdam")); // "A"
console.log(getFirstCharacter("Japan")); // "J"


const obj = {
  number: 5,
  normal: function() {
    console.log(this.number); // 5
  },
  arrow: () => {
    console.log(this.number); // undefined, jer arrow ne menja `this`
  }
};

obj.normal(); // 5
obj.arrow();  // undefined

const person = {
  name: 'Nikola',
  hobbies: ['trčanje', 'pecanje', 'kuvanje'],
  showHobbies: function() {
    this.hobbies.forEach((hobby) => {
      console.log(this.name + ' voli ' + hobby);
    });
  }
};

person.showHobbies();


const people = [
  { name: 'Nikola', age: 62 },
  { name: 'Ana', age: 25 },
  { name: 'Marko', age: 35 }
];

const adults = people.filter(person => person.age > 30);

console.log(adults);

const numbers2 = [3, 5, 7, 8, 10];

const firstEven = numbers2.find(num => num % 2 === 0);

console.log(firstEven); // 8



const mojaKola = [
  {name: 'bwm', age: 44},
  {name: 'golf', age: 32},
  {name: 'audi', age: 24},
]

const nadjiAuto = mojaKola.find(kola => kola.age < 30);

console.log(nadjiAuto);
// ✅ "Nikola voli trčanje"
// ✅ "Nikola voli pecanje"
// ✅ "Nikola voli kuvanje"
// Ovde arrow funkcija ne pravi novi this, već koristi isti iz showHobbies.