switch order of Sample 2&3, address comments

Author: Eskibear

articles/azure-app-configuration/quickstart-javascript-provider.md

@@ -103,80 +103,79 @@ async function run() {
 run().catch(console.error);
 ```
 
-### Sample 2: Load key-values and trim prefix from keys
+### Sample 2: Load specific key-values using selectors
 
-In this sample, you load key-values with an option `trimKeyPrefixes`.
-After key-values are loaded, the prefix "app." is trimmed from all keys.
-This can be convenient especially when the keys share a long prefix.
+In this sample, you load a subset of key-values by specifying the `selectors` option.
+Only keys starting with "app." are loaded.
+Note that you can specify multiple selectors based on your needs, each with `keyFilter` and `labelFilter` properties.
 
 ```javascript
 const { load } = require("@azure/app-configuration-provider");
 const connectionString = process.env.AZURE_APPCONFIG_CONNECTION_STRING;
 
 async function run() {
-    console.log("Sample 2: Load key-values and trim prefix from keys");
+    console.log("Sample 3: Load specific key-values using selectors");
 
-    // Load all key-values with no label, and trim "app." prefix from all keys.
+    // Load a subset of keys starting with "app." prefix.
     const settings = await load(connectionString, {
-        trimKeyPrefixes: ["app."]
+        selectors: [{
+            keyFilter: "app.*"
+        }],
     });
 
     console.log("---Consume configuration as a Map---");
-    // Find the key "message" and print its value. The key is not trimmed as it does not start with "app."
-    console.log('settings.get("message"):', settings.get("message"));   // settings.get("message"): Message from Azure App Configuration
-    // The original key "app.greeting" is trimmed as "greeting".
-    console.log('settings.get("greeting"):', settings.get("greeting")); // settings.get("greeting"): Hello World
-    // The original key "app.json" is trimmed as "json".
-    console.log('settings.get("json"):', settings.get("json"));         // settings.get("json"): { myKey: 'myValue' }
+    // The key "message" is not loaded as it does not start with "app."
+    console.log('settings.has("message"):', settings.has("message"));           // settings.has("message"): false
+    // The key "app.greeting" is loaded
+    console.log('settings.has("app.greeting"):', settings.has("app.greeting")); // settings.has("app.greeting"): true
+    // The key "app.json" is loaded
+    console.log('settings.has("app.json"):', settings.has("app.json"));         // settings.has("app.json"): true
 
     console.log("---Consume configuration as an object---");
-    // Construct configuration object from loaded key-values with trimmed keys.
-    const config = settings.constructConfigurationObject();
+    // Construct configuration object from loaded key-values
+    const config = settings.constructConfigurationObject({ separator: "." });
     // Use dot-notation to access configuration
-    console.log("config.message:", config.message);     // config.message: Message from Azure App Configuration
-    console.log("config.greeting:", config.greeting);   // config.greeting: Hello World
-    console.log("config.json:", config.json);           // config.json: { myKey: 'myValue' }
+    console.log("config.message:", config.message);         // config.message: undefined
+    console.log("config.app.greeting:", config.greeting);   // config.app.greeting: Hello World
+    console.log("config.app.json:", config.json);           // config.app.json: { myKey: 'myValue' }
 }
 
 run().catch(console.error);
 ```
 
-### Sample 3: Load specific key-values using selectors
-
-In this sample, you load a subset of key-values by specifying the `selectors` option.
-Only keys starting with "app." are loaded.
-Note that you can specify multiple selectors based on your needs, each with `keyFilter` and `labelFilter` properties.
+### Sample 3: Load key-values and trim prefix from keys
 
+In this sample, you load key-values with an option `trimKeyPrefixes`.
+After key-values are loaded, the prefix "app." is trimmed from all keys.
+This is useful when you want to load configurations that are specific to your application by filtering to a certain key prefix, but you don't want your code to carry the prefix every time it accesses the configuration.
 
 ```javascript
 const { load } = require("@azure/app-configuration-provider");
 const connectionString = process.env.AZURE_APPCONFIG_CONNECTION_STRING;
 
 async function run() {
-    console.log("Sample 3: Load specific key-values using selectors");
+    console.log("Sample 2: Load key-values and trim prefix from keys");
 
-    // Load a subset of keys starting with "app." prefix.
+    // Load all key-values with no label, and trim "app." prefix from all keys.
     const settings = await load(connectionString, {
         selectors: [{
             keyFilter: "app.*"
         }],
+        trimKeyPrefixes: ["app."]
     });
 
     console.log("---Consume configuration as a Map---");
-    // The key "message" is not loaded as it does not start with "app."
-    console.log('settings.has("message"):', settings.has("message"));           // settings.has("message"): false
-    // The key "app.greeting" is loaded
-    console.log('settings.has("app.greeting"):', settings.has("app.greeting")); // settings.has("app.greeting"): true
-    // The key "app.json" is loaded
-    console.log('settings.has("app.json"):', settings.has("app.json"));         // settings.has("app.json"): true
+    // The original key "app.greeting" is trimmed as "greeting".
+    console.log('settings.get("greeting"):', settings.get("greeting")); // settings.get("greeting"): Hello World
+    // The original key "app.json" is trimmed as "json".
+    console.log('settings.get("json"):', settings.get("json"));         // settings.get("json"): { myKey: 'myValue' }
 
     console.log("---Consume configuration as an object---");
-    // Construct configuration object from loaded key-values
-    const config = settings.constructConfigurationObject({ separator: "." });
+    // Construct configuration object from loaded key-values with trimmed keys.
+    const config = settings.constructConfigurationObject();
     // Use dot-notation to access configuration
-    console.log("config.message:", config.message);         // config.message: undefined
-    console.log("config.app.greeting:", config.greeting);   // config.app.greeting: Hello World
-    console.log("config.app.json:", config.json);           // config.app.json: { myKey: 'myValue' }
+    console.log("config.greeting:", config.greeting);   // config.greeting: Hello World
+    console.log("config.json:", config.json);           // config.json: { myKey: 'myValue' }
 }
 
 run().catch(console.error);
@@ -280,20 +279,6 @@ run().catch(console.error);
 
     **Sample 2**
 
-    ```Output
-    Sample 2: Load key-values and trim prefix from keys
-    ---Consume configuration as a Map---
-    settings.get("message"): Message from Azure App Configuration
-    settings.get("greeting"): Hello World
-    settings.get("json"): { myKey: 'myValue' }
-    ---Consume configuration as an object---
-    config.message: Message from Azure App Configuration
-    config.greeting: Hello World
-    config.json: { myKey: 'myValue' }
-    ```
-
-    **Sample 3**
-
     ```Output
     Sample 3: Load specific key-values using selectors
     ---Consume configuration as a Map---
@@ -306,6 +291,18 @@ run().catch(console.error);
     config.app.json: { myKey: 'myValue' }
     ```
 
+    **Sample 3**
+
+    ```Output
+    Sample 2: Load key-values and trim prefix from keys
+    ---Consume configuration as a Map---
+    settings.get("greeting"): Hello World
+    settings.get("json"): { myKey: 'myValue' }
+    ---Consume configuration as an object---
+    config.greeting: Hello World
+    config.json: { myKey: 'myValue' }
+    ```
+
 ## Clean up resources
 
 [!INCLUDE [azure-app-configuration-cleanup](../../includes/azure-app-configuration-cleanup.md)]