# Premier Élément

Récupère le premier élément d'un tableau avec lodash _.head

> Page canonique: https://elysiatools.com/fr/tools/head-item

- **Catégorie:** Data Processing

- **Mots-clés:** tableau, tête, premier, élément, lodash, accès

## Présentation

Récupère le premier élément d'un tableau.

## Fonctionnalités:
- Récupère le premier élément de n'importe quel tableau
- Renvoie undefined pour les tableaux vides
- Gère les tableaux avec n'importe quel type de données
- Opération simple et directe
- Utilise lodash _.head pour un accès fiable

## Exemples:
- Entrée : [1, 2, 3] → Sortie : 1
- Entrée : ["a", "b", "c"] → Sortie : "a"
- Entrée : [{id: 1}, {id: 2}] → Sortie : {id: 1}
- Entrée : [] → Sortie : undefined

## Cas d'Utilisation :
- **Aperçu Rapide** : Prévisualiser le premier élément d'une collection
- **Validation des Données** : Vérifier le premier élément des données
- **Traitement de Tableaux** : Traiter l'élément principal séparément
- **Opérations de File** : Jeter un œil au début d'une file

## Entrées

- **Entrée du Tableau** (textarea): Entrez un tableau JSON valide

## Quand l'utiliser

- Lorsque vous devez isoler rapidement la première valeur d'une liste de données.
- Pour vérifier la présence d'un élément initial dans une collection avant un traitement ultérieur.
- Lors de la manipulation de files d'attente ou de listes ordonnées où seul l'élément principal est requis.

## Fonctionnement

- Copiez et collez votre tableau au format JSON dans la zone de saisie prévue.
- L'outil utilise la fonction lodash _.head pour analyser votre structure de données.
- Le résultat est immédiatement affiché, renvoyant l'élément ou 'undefined' si le tableau est vide.

## Cas d'usage

- Aperçu rapide du premier élément d'une collection de données.
- Validation automatisée de la structure d'un tableau.
- Extraction ciblée de l'élément principal pour des opérations de file d'attente.

## Questions fréquentes

### Que se passe-t-il si le tableau est vide ?

L'outil renvoie 'undefined' conformément au comportement standard de lodash.

### Quels types de données sont supportés ?

L'outil gère tous les types de données valides dans un tableau JSON, incluant les nombres, les chaînes de caractères et les objets.

### Est-ce que cela modifie mon tableau d'origine ?

Non, l'outil se contente de lire et d'extraire la valeur sans altérer vos données sources.

### Puis-je extraire plusieurs éléments ?

Non, cet outil est spécifiquement conçu pour extraire uniquement le premier élément.

### L'outil est-il sécurisé ?

Oui, le traitement est effectué localement sans stockage ni transfert de vos données vers un serveur externe.

## Outils associés

- [Trouver la cle](https://elysiatools.com/fr/tools/find-key): Trouve la premiere cle avec lodash _.findKey
- [Obtenir chemin](https://elysiatools.com/fr/tools/get-path): Recupere une valeur par chemin avec lodash _.get
- [Index De](https://elysiatools.com/fr/tools/index-of): Trouve l'index d'une valeur dans un tableau avec lodash _.indexOf
- [Éléments Initiaux](https://elysiatools.com/fr/tools/initial-items): Récupère tous les éléments sauf le dernier avec lodash _.initial
- [Element N](https://elysiatools.com/fr/tools/nth-item): Recupere l element a un indice avec lodash _.nth
- [Indice Trie](https://elysiatools.com/fr/tools/sorted-index): Trouve l indice d insertion avec lodash _.sortedIndex
- [Queue du Tableau](https://elysiatools.com/fr/tools/tail-items): Retourne tout sauf le premier avec lodash _.tail
- [Prendre des Elements](https://elysiatools.com/fr/tools/take-items): Prend les N premiers elements avec lodash _.take

## Exemples

- [Exemples Avancés d'Application Grafana](https://elysiatools.com/fr/samples/grafana-samples): Exemples complets de Grafana couvrant le design avancé de tableaux de bord, la configuration d'alertes, l'intégration de sources de données et le développement de plugins
- [Exemples de Codes QR](https://elysiatools.com/fr/samples/qrcode-samples): Images de codes QR d'exemple pour tester les outils de lecture et de génération de codes QR
- [Exemples D3.js Data Visualization](https://elysiatools.com/fr/samples/d3js-data-visualization): Exemples complets de visualisation de données D3.js incluant graphiques, cartes, animations et visualisations interactives
- [Exemples Toolchain JavaScript Rome](https://elysiatools.com/fr/samples/rome): Exemples de toolchain JavaScript Rome incluant configuration, linting, formatting, bundling et gestion de projets