Loading ...

Introduzione alla libreria Lodash per Javascript

Introduzione alla libreria Lodash per Javascript

Lodash è una utility library per Javascript e Node.js, piena zeppa di funzioni per diverse tipologie di aree.

Molto leggera, anche se completa, è anche facile da usare.

Mi chiedo seriamente come possa essermi sfuggita fino adesso.

Per utilizzarle dentro alle nostre applicazioni web:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.5/lodash.min.js"></script>
<script src="script.js"></script>

Dove dentro a script.js c'è il codice che ho usato per gli esempi.

L'ho diviso in "sezioni", e per ognuna c'è una piccola descrizione dopo il codice.

Questo il codice di test:

// ARRAY
var array = [1, 2];
var concatArray = _.concat(array, 2, [3], [[4]]);
console.log(array);
console.log(concatArray);
console.log(_.head(concatArray));
console.log(_.uniq(concatArray));

// COLLECTION
var obj = [
    {"nome": "simone", "eta": 33},
    {"nome": "federica", "eta": 45},
    {"nome": "federica", "eta": 47},
];
var arrObj = _.orderBy(obj, ['nome', 'eta'], ['asc', 'desc']);
_.forEach(arrObj, function (val) {
    console.log(val);
});

// LANG
var str1 = 'CIAO COME STAI?';
var str2 = '';
var str3 = ' ';
console.log(_.isEmpty(str1));
console.log(_.isEmpty(str2));
console.log(_.isEmpty(str3));
console.log(_.isEqual(str2, str3));

// MATH
var numObj = [{'n': 1}, {'n': 2}];
var arrNums = _.toArray(numObj);
console.log(_.min(arrNums));
console.log(_.minBy(numObj, function (o) {
    return o.n;
}));

// STRING
var testStr1 = 'ciao come stai??';
console.log(_.camelCase(testStr1));
console.log(_.toUpper(testStr1));
console.log(_.upperCase(testStr1));
console.log(_.upperFirst(testStr1));

// UTIL
console.log(_.times(3, String));
console.log(_.uniqueId('test_'));

Dove:

  • ARRAY: qui ci sono alcune funzioni da usare sugli array, e nello specifico vediamo come concatenare dai ad un array, visualizzare il primo elemento di un array, ed estrapolare solo gli elementi univoci
  • COLLECTION: operazioni sulle collezioni; prima facciamo un ordinamento su un oggetto (un doppio ordinamento in realtà) e poi ci iteriamo sopra
  • LANG: controlliamo se le stringhe siano vuote e le eguagliamo
  • MATH: operazioni matematiche; trasformiamo un oggetto in array, e poi controlliamo il valore minimo, sia sull'array che sull'oggetto
  • STRING: operazioni sulle stringhe; modifichiamo la stringa in camel case, in maiuscolo (con due funzioni, che danno risultati leggermente diversi), e in maiuscolo solo la prima
  • UTIL: utilità generiche; ripetiamo una funzione / valore 3 volte, e generiamo un ID univoco

Ovviamente ci sono molte più funzioni, ma vederle tutte era impossibile.

Ma già da qua potete vedere quanto possa essere utile questa libreria; soprattutto se fare largo uso di Javascript e/o Node.js.

Enjoy!