<h2 id="heading-when">When?</h2>
<p>There are two conditions.</p>
<ol>
<li><p>'input' is used.</p>
</li>
<li><p>The new one is attached before the other ones.</p>
</li>
</ol>
<h2 id="heading-example">Example</h2>
<h3 id="heading-code-and-environment">Code and Environment</h3>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codesandbox.io/s/listkey-h6m6bd">https://codesandbox.io/s/listkey-h6m6bd</a></div>
<h3 id="heading-how-to-do">How to Do</h3>
<ol>
<li><p>Write what you want in 'id: 1 | index: 1' of both parts.</p>
</li>
<li><p>Click the 'add' button.</p>
</li>
</ol>
<h3 id="heading-result">Result</h3>
<p>|'key' is 'index'|</p>
<p>What you wrote before follows 'index'. So, it is in 'id: 2 | index: 1'</p>
<p>|'key' is 'id'|</p>
<p>What you wrote before follows 'id'. So, it is in 'id: 1 | index: 2'</p>


## When?

There are two conditions.

1. 'input' is used.

2. The new one is attached before the other ones.

## Example

### Code and Environment

%[https://codesandbox.io/s/listkey-h6m6bd]

### How to Do

1. Write what you want in 'id: 1 | index: 1' of both parts.

2. Click the 'add' button.

### Result

|'key' is 'index'|

What you wrote before follows 'index'. So, it is in 'id: 2 | index: 1'

|'key' is 'id'|

What you wrote before follows 'id'. So, it is in 'id: 1 | index: 2'

examplist

examplist

When Index of 'Array.map' Should Not Be Key

When?

Example

Code and Environment

How to Do

Result