50 JavaScript Tips για Προγραμματιστές (2/2)

1.Φιλτράρισμα μιας συστοιχίας

Φιλτράρετε έναν πίνακα για να αφαιρέσετε ανεπιθύμητα στοιχεία:

const numbers = [1, 2, 3, 4];
const evens = numbers.filter(num => num % 2 === 0); // [2, 4]

2.Promise.all()

Χρησιμοποιήστε την Promise.all() για τον ταυτόχρονο χειρισμό πολλαπλών ασύγχρονων εργασιών:

Promise.all([fetch('/data1'), fetch('/data2')])
  .then(responses => {
    // Handle responses
  })
  .catch(error => console.error(error));

3.Μετατροπή ενός συνόλου σε συστοιχία

Μπορείτε να μετατρέψετε ένα Set σε πίνακα χρησιμοποιώντας τον τελεστή spread:

const set = new Set([1, 2, 3]);
const array = [...set];

4.Ταξινόμηση μιας συστοιχίας

Ταξινόμηση ενός πίνακα αριθμών σε αύξουσα ή φθίνουσα σειρά:

const numbers = [4, 2, 7];
numbers.sort((a, b) => a - b); // ascending
numbers.sort((a, b) => b - a); // descending

5.Γεμίστε μια συμβολοσειρά

Γεμίστε την αρχή ή το τέλος μιας συμβολοσειράς για να επιτευχθεί ένα συγκεκριμένο μήκος:

const str = '5';
const paddedStr = str.padStart(3, '0'); // "005"

6.Περικοπή Whitespace

Χρησιμοποιήστε τις trim(), trimStart() και trimEnd() για να αφαιρέσετε το κενό διάστημα:

const text = "  Hello  ";
console.log(text.trim()); // "Hello"

7.Έλεγχος αν η συμβολοσειρά περιέχει υποσέλιδο

Χρησιμοποιήστε την includes() για να ελέγξετε αν μια συμβολοσειρά περιέχει μια συγκεκριμένη υποσυμβολοσειρά:

const sentence = "JavaScript is awesome";
console.log(sentence.includes("awesome")); // true

8.Εύρεση του δείκτη μιας υποομάδας

Χρησιμοποιήστε την indexOf() για να βρείτε τη θέση μιας υποσειράς:

const sentence = "JavaScript is fun";
console.log(sentence.indexOf("fun")); // 14

9.Επανάληψη μιας συμβολοσειράς

Χρησιμοποιήστε την repeat() για να επαναλάβετε μια συμβολοσειρά:

const str = "ha";
console.log(str.repeat(3)); // "hahaha"

10.Αντικατάσταση μιας υποομάδας

Χρησιμοποιήστε την replace() για να αντικαταστήσετε μια υποσειρά:

const text = "JavaScript is fun";
const newText = text.replace("fun", "awesome");

11.Χρήση προαιρετικής αλυσίδας

Η προαιρετική αλυσιδωτή σύνδεση (?.) βοηθά στην ασφαλή πρόσβαση σε βαθιά ένθετες ιδιότητες:

const user = { name: 'John' };
console.log(user?.address?.city); // undefined, no error

12.Μετατροπή ημερομηνίας σε Συμβολοσειρά τοπικής γλώσσας

Μορφοποίηση ημερομηνιών χρησιμοποιώντας την toLocaleDateString():

const date = new Date();
console.log(date.toLocaleDateString('en-US')); // MM/DD/YYYY format

13.Έλεγχος αν μια τιμή είναι μια συστοιχία

Χρησιμοποιήστε την Array.isArray() για να ελέγξετε αν μια τιμή είναι πίνακας:

console.log(Array.isArray([1, 2, 3])); // true

14.Έλεγχος αν ένα στοιχείο υπάρχει στο DOM

Χρησιμοποιήστε την document.querySelector() για να ελέγξετε την παρουσία ενός στοιχείου:

const elementExists = !!document.querySelector('.my-element');

15.Λήψη τρέχουσας χρονοσφραγίδας

Χρησιμοποιήστε την Date.now() για να λάβετε την τρέχουσα χρονοσφραγίδα:

const timestamp = Date.now();

16.Μορφοποίηση αριθμών με κόμματα

Χρησιμοποιήστε την toLocaleString() για να μορφοποιήσετε τους αριθμούς με κόμματα:

const number = 1234567;
console.log(number.toLocaleString()); // "1,234,567"

17.Στρογγυλοποίηση ενός αριθμού σε 2 δεκαδικά ψηφία

Χρησιμοποιήστε την toFixed() για να στρογγυλοποιήσετε έναν αριθμό:

const number = 5.6789;
console.log(number.toFixed(2)); // "5.68"

18.Έλεγχος αν μια μεταβλητή είναι απροσδιόριστη

Ελέγξτε αν μια μεταβλητή είναι απροσδιόριστη:

if (typeof variable === 'undefined') {
  // Handle undefined
}

19.Λήψη τυχαίου στοιχείου από Array

Χρησιμοποιήστε την Math.random() για να ανακτήσετε ένα τυχαίο στοιχείο από έναν πίνακα:

const items = ['apple', 'banana', 'orange'];
const randomItem = items[Math.floor(Math.random() * items.length)];

20.Χρήση συναρτήσεων βέλους για σύντομες συναρτήσεις

Οι συναρτήσεις βέλους παρέχουν συνοπτική σύνταξη:

const add = (a, b) => a + b;

21.Χρήση της Object.assign() για ρηχή αντιγραφή

Χρησιμοποιήστε την Object.assign() για να αντιγράψετε αντικείμενα:

const original = { a: 1 };
const copy = Object.assign({}, original);

22.Χρήση typeof για έλεγχο τύπου

Χρησιμοποιήστε την typeof για να ελέγξετε τον τύπο μιας μεταβλητής:

console.log(typeof 'Hello'); // "string"
console.log(typeof 42); // "number"

23.Δυναμικά ονόματα ιδιοτήτων

Μπορείτε να χρησιμοποιήσετε αγκύλες για να ορίσετε δυναμικά ονόματα ιδιοτήτων:

const key = 'name';
const obj = { [key]: 'John' };

24.Έλεγχος για μηδενικές τιμές

Χρησιμοποιήστε τον τελεστή συνένωσης nullish (??) για να χειριστείτε μηδενικές ή απροσδιόριστες τιμές:

const value = user.age ?? 'Unknown';

25.Χρήση της console.table() για ευκολότερη αποσφαλμάτωση

Εμφάνιση δεδομένων σε μορφή πίνακα στην κονσόλα με τη συνάρτηση console.table():

const users = [{ name: 'Alice', age: 25 }, { name: 'Bob', age: 30 }];
console.table(users);