Une minute à retenir : des faits peu connus qui vous étonneront

En tant que développeur Sitecore, JavaScript joue un rôle crucial dans le développement frontal. Lors du développement de la page, des difficultés peuvent survenir lors du débogage ou de l'intégration avec le backend à l'aide de JavaScript. Cependant, il existe des joyaux cachés dans JavaScript qui peuvent alléger ces charges et simplifier le processus.

Ici vous pouvez voir la liste des joyaux cachés en JavaScript

console.table

Nous utilisons tous régulièrement console.log. Mais console.table() vous aidera à convertir le format Json, le format CSV ou toute donnée au format dictionnaire sous forme tabulaire.

const data = [
  { name: 'Prabhu', age: 25, city: 'New York' },
  { name: 'Raj', age: 30, city: 'India' },
  { name: 'Bob', age: 35, city: 'Chicago' }
];

console.table(data);

// Output:
(index) | name  | age | city
--------|-------|-----|----------
0       | Prabhu| 25  | New York
1       | Raj   | 30  | India
2       | Bob   | 35  | Chicago

const data = [
  { name: 'Prabhu', age: 25, city: 'New York' },
  { name: 'Raj', age: 30, city: 'India' },
  { name: 'Bob', age: 35, city: 'Chicago' }
];

console.table(data, ['name', 'city']);

// Output:
(index) | name  | city
--------|-------|----------
0       | Prabhu| New York
1       | Raj   | India
2       | Bob   | Chicago

console.log.bind()est une méthode en JavaScript qui permet la création d'une nouvelle fonction qui reflète le comportement de console.log, mais avec un contexte prédéfini. Cette nouvelle fonction peut être appelée comme n'importe quelle autre fonction JavaScript, et elle exécutera console.log avec le contexte prédéterminé. Par exemple,

const myLog = console.log.bind(console, 'Custom prefix:');
myLog('Hello, world!'); 
// Output: Custom prefix: Hello, world!

En JavaScript, vous pouvez utiliser des noms de propriétés dynamiques dans des objets en utilisant la notation entre crochets []. Cela vous permet de définir ou d'accéder aux propriétés d'un objet en utilisant une variable ou une expression comme nom de propriété.

const propertyName = 'name';
const person = {
  [propertyName]: 'Prabhu',
  age: 25,
  city: 'New York'
};

console.log(person.name); // Output: Prabhu

const propertyName = 'age';
const ageMultiplier = 2;
const person = {
  name: 'Prabhu',
  [propertyName]: 25,
  [`${propertyName}In5Years`]: 25 + (ageMultiplier * 5)
};

console.log(person.age); // Output: 25
console.log(person.ageIn5Years); // Output: 35

L' inopérateur vous permet de vérifier si une propriété existe dans un objet, y compris les propriétés héritées.

const obj = { foo: 'bar', baz: 'qux' };

console.log('foo' in obj); // Output: true
console.log('bar' in obj); // Output: false (since 'bar' is a value not a prop)

méthode appliquer ()

La apply()méthode est une méthode intégrée à JavaScript qui permet d'invoquer une fonction avec un contexte désigné (c'est-à-dire la valeur de this dans la fonction) avec un tableau ou un objet d'arguments de type tableau.

Syntaxe:

functionName.apply(thisValue, arrayOfArgs)

function greet(name) {
  console.log(`Hello, ${name}! I am ${this.title} ${this.name}.`);
}

const person = {
  title: 'Mr.',
  name: 'Prabhu'
};

greet.apply(person, ['Sam']); 
// Output: Hello, Sam! I am Mr. Prabhu.

C'est tout pour le moment. Restez à l'écoute des prochains articles de blog où nous continuerons d'explorer des faits et des idées moins connus.

Bon codage !!