--- title: IDBObjectStore.createIndex() slug: Web/API/IDBObjectStore/createIndex translation_of: Web/API/IDBObjectStore/createIndex --- {{ APIRef("IndexedDB") }} La méthode **`createIndex()`** de l'interface {{domxref("IDBObjectStore")}} met en place sur le magasin d'objet {{domxref("IDBObjectStore","relié")}} un nouvel index et en renvoie l'{{domxref("IDBIndex","accès")}}. > **Note :** Cette méthode ne peut être appelé que si la transaction de l'accès au magasin d'objet est en mode VersionChange. {{AvailableInWorkers}} ## Syntaxe ```js objectStore.createIndex(nomIndex, nomCle, parametresIndexOptionnel); ``` ## Paramètres - nomIndex - : Le nom de l'index que l'on veut ajouter. Il est possible d'ajouter un index avec un nom vide. - nomCle - : Le nom de clé qu'utilise l'index. Il est possible d'ajouter un index sans nom de clé. - parametresIndexOptionnel {{optional_inline}} - : Un objet optionnel pouvant inclure une ou plusieurs des propriétés suivantes:
Propriété Description
unique Si true, l'index empêcheras la duplication d'une clé.
multiEntry Si true, l'index ajoutera une entrée pour chaque élément de tableau quand le nom de clé de clé est résolue. Si false, il ajoutera un seule entrée contenant le tableau.
locale

Actuellement uniquement dans Firefox 43+ , cela vous permet de spécifier des paramètres de localisation pour l'index. Toutes les opérations de tri effectuées sur les données via des intervalle de clé obéirons aux règles locales de tri (voir trie dans localisation courante, en). Vous pouvez spécifier sa valeur de trois façons différentes:

  • string: une chaîne de caractère contenant le code de la localisation , par exemple 'fr' ou 'en-US'.
  • auto: La localisation par défaut est utilisé (peut être régler par l'utilisateur).
  • null or undefined: Les règles de tri par défaut de javaScript seront utilisées.
## Renvoie L'{{domxref("IDBIndex","accès")}} au nouvel index. ## Exceptions - `InvalidStateError` - : Cette {{domxref("DOMException","exeption")}} si la {{domxref("IDBTransaction","transaction")}} dont dépend cet {{domxref("IDBObjectStore","accès")}} au magasin d'objet n'est pas en {{domxref("IDBTransaction.mode","mode")}} `versionchange`. - `TransactionInactiveError` - : Cette {{domxref("DOMException","exeption")}} si la {{domxref("IDBTransaction","transaction")}} de l'{{domxref("IDBObjectStore","accès")}} au magasin d’objet est inactive. [bug 1176165](https://bugzilla.mozilla.org/show_bug.cgi?id=1176165) ). - `ConstraintError` - : Cette {{domxref("DOMException","exeption")}} si un index avec le même nom (case sensible) existe déjà sur le magasin d'objet. ## Exemple Dans l'exemple suivant on peut voir le gestionnaire d'événement {{domxref("IDBOpenDBRequest.onupgradeneeded","onupgradeneeded")}} être utilisé pour mètre à jour la structure de la base de donnée quand un numéro de version supérieur est chargé. Des méthode **`createIndex()`** sont utilisées pour mètre en place différents index sur le magasin d'objet `toDoList`. ```js var db; // Requête d'ouverture de la base de données "toDoList" var DBOpenRequest = window.indexedDB.open("toDoList", 4); // Gère l'échec de l'ouverture de la base DBOpenRequest.onerror = function(event) { note.innerHTML += '
  • La base de donnée n\'as pas peut être ouverte.
  • '; }; // Gère le succès de l'ouverture de la base DBOpenRequest.onsuccess = function(event) { note.innerHTML += '
  • La base de données est ouverte.
  • '; //La connexion est affcté à la variable db. db = request.result; // Exécute une fonction d'affichage displayData() displayData(); }; // Ce gestionnaire d'événement nécessite un nouveau numéro de version de la basse de données. // Si la base n'existe pas un nouveau numéro de version est généré par la méthode d'ouverture de connexion window.indexDB.open . DBOpenRequest.onupgradeneeded = function(event) { var db = event.target.result; db.onerror = function(event) { note.innerHTML += '
  • Erreur de chargement de la base de données.
  • '; }; // L'Accès au magasin d'objet "toDoList" de la base de donnée var objectStore = db.createObjectStore("toDoList", { keyPath: "taskTitle" }); // Met en place les index du magasin d'objet objectStore.createIndex("heures", "hours", { unique: false }); objectStore.createIndex("minutes", "minutes", { unique: false }); objectStore.createIndex("jour", "day", { unique: false }); objectStore.createIndex("mois", "month", { unique: false }); objectStore.createIndex("annee", "year", { unique: false }); objectStore.createIndex("notifiee", "notified", { unique: false }); }; ``` > **Note :** Pour un exemple de travail complet, voir notre [To-do Notifications](https://github.com/mdn/to-do-notifications/) app ([view example live](http://mdn.github.io/to-do-notifications/)). ## Spécifications | Spécification | Statut | Commentaire | | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | ----------- | | {{SpecName('IndexedDB', '#widl-IDBObjectStore-createIndex-IDBIndex-DOMString-name-DOMString-sequence-DOMString--keyPath-IDBIndexParameters-optionalParameters', 'createIndex()')}} | {{Spec2('IndexedDB')}} | | ## Compatibilité avec les navigateurs {{Compat("api.IDBObjectStore.createIndex")}} ## Voir aussi - {{domxref("IndexedDB_API.Using_IndexedDB","Utiliser IndexedDB")}} - {{domxref("IDBDatabase","Débuter une connexion")}} - {{domxref("IDBTransaction","Utilisé les transactions")}} - {{domxref("IDBKeyRange","Définir l'intervalle des clés")}} - {{domxref("IDBObjectStore","Accès aux magasins d'objets")}} - {{domxref("IDBCursor","Utiliser les curseur")}} - Exemple de référence: [To-do Notifications](https://github.com/mdn/to-do-notifications/tree/gh-pages) ([view example live](http://mdn.github.io/to-do-notifications/).)