JavaScript Array at() Method

CodeW3C Tattalin Kudi

Tattalin HTML
Browser Script
Server Script
Tattalin Koyontan
Tattalin XML
Kwamantattu Kwarin Nigilimi
Kwamantattu Gudanarwa

Course Schedule

JS Reference Manual

JS Reference Manual (Category Order)
JS Reference Manual (Alphabetical Order)

JavaScript

JS Array
JS Boolean
JS Class
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS String
JS Object
JS Operator
JS Operator Priority
JS Statement
JS Type Array

Window

Wuri Window
Window Console
Window History
Window Location
Window Navigator
Window Screen

HTML DOM

HTML Document
HTML Element
HTML Attribute
HTML Event
HTML Event ɗanɗin
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Style

Web API

API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
API MediaQueryList
API Storage
API Validation
API Web

HTML ɗanɗin

<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<tfoot>
</a></li> <li><a href="/ha/jsref/dom_obj_time.html" title="HTML DOM Time ɗanar"><time></a></li> <li><a href="/ha/jsref/dom_obj_title.html" title="HTML DOM Title ɗanar"><title></a></li> <li><a href="/ha/jsref/dom_obj_track.html" title="HTML DOM Track ɗanar"><track></a></li> <li><a href="/ha/jsref/dom_obj_u.html" title="HTML DOM Underline ɗanar"><u></a></li> <li><a href="/ha/jsref/dom_obj_ul.html" title="HTML DOM Ul ɗanar"><ul></a></li> <li><a href="/ha/jsref/dom_obj_var.html" title="HTML DOM Variable ɗanar"><var></a></li> <li><a href="/ha/jsref/dom_obj_video.html" title="HTML DOM Video ɗanar"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ha/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ɗanar">CSSStyleDeclaration</a></li> <li><a href="/ha/jsref/jsref_type_conversion.html" title="JavaScript ɗanar tsaɗanin rami">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ha/howto/index.html" title="CodeW3C.com ɗanar ɗaukar ɗaukar">CodeW3C.com ɗanar ɗaukar ɗaukar</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>JavaScript Array at()</h1> <div class="prenextnav-ref"> <ul> <li> 上一页 <a href="/ha/jsref/jsref_array_new.html" title="JavaScript new Array()">new Array()</a></li> <li> 下一页 <a href="/ha/jsref/jsref_concat_array.html" title="JavaScript Array concat() ɗanar">concat()</a></li> <li> 返回上一层 <a href="/ha/jsref/jsref_obj_array.html" title="Kwamantattu JavaScript Array Gudanarwa">Kwamantattu JavaScript Array Gudanarwa</a></li> </ul> </div> <section> <h2>定义和用法</h2> <p><code>at()</code> 方法返回数组中指定索引位置的元素。</p> <p><code>at()</code> 方法与 <code>[]</code> 的效果相同。</p> <p>自 2022 年 3 月起，<code>at()</code> 方法在所有现代浏览器中都得到了支持。</p> </section> <section class="note"> <h2>注意</h2> <p>许多编程语言允许使用负索引（如 [-1]）来访问对象/数组/字符串的末尾元素。</p> <p>在 JavaScript 中，这是不可能的，因为 <code>[]</code> 用于访问数组和对象。obj[-1] 指的是键为 -1 的值，而不是对象的最后一个属性。</p> <p><code>at()</code> 方法在 ES2022 中引入，以解决这个问题。</p> </section> <section> <h2>实例</h2> <h3>例子 1</h3> <p>获取 fruits 数组的第三个元素：</p> <pre class="language-js"> const fruits = ["Banana", "Orange", "Apple", "Mango"]; let fruit = fruits.at(2); </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsref_array_at_1">亲自试一试</a></p> <h3>例子 2</h3> <p>使用 [] 获取 fruits 数组的第三个元素：</p> <pre class="language-js"> const fruits = ["Banana", "Orange", "Apple", "Mango"]; let fruit = fruits[2]; </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsref_array_at_2">亲自试一试</a></p> <h3>例子 3</h3> <p>获取 fruits 数组的第一个元素：</p> <pre class="language-js"> const fruits = ["Banana", "Orange", "Apple", "Mango"]; let fruit = fruits.at(); </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsref_array_at_3">亲自试一试</a></p> <h3>例子 4</h3> <p>获取 fruits 数组的最后一个元素：</p> <pre class="language-js"> const fruits = ["Banana", "Orange", "Apple", "Mango"]; let fruit = fruits.at(-1); </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsref_array_at_4">亲自试一试</a></p> </section> <section> <h2>语法</h2> <pre class="language-js"> array.at(<i>index</i>) </pre> <h3>参数</h3> <table class="parameter"> <tr> <th style="width: 25%;">参数</th> <th>Ɗe</th> </tr> <tr> <td><i>index</i></td> <td> <p>可选。要返回的数组元素的索引（位置）。</p> <p>Ƙarancin ƙasa ɗin 0. -1 yana ƙaɗaɗa ƙasa ƙasa ƙasa ɗin farko.</p> </td> </tr> </table> <h3>Ƙarancin shiga</h3> <table class="technical-details"> <tr> <th style="width: 25%;">Farin</th> <th>Ɗe</th> </tr> <tr> <td></td> <td>Ƙarama a ƙasa ƙasa ƙasa ƙasa ɗin (index).</td> </tr> </table> </section> <section> <h2>ƙaɗaɗa ƙasashen</h2> <p>Daga Marchu 2022, ƙasa ƙasa JavaScript <code>at()</code> Methodu yana ƙaɗaɗa a duk ƙasashen:</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome 92</td> <td>Edge 92</td> <td>Firefox 90</td> <td>Safari 15.4</td> <td>Opera 78</td> </tr> <tr> <td>Aprilu 2021</td> <td>Julyu 2021</td> <td>Julyu 2021</td> <td>Marchu 2022</td> <td>Augustu 2021</td> </tr> </table> </section> <section class="related-pages"> <h2>Ɗirin ƙasa:</h2> <p><a href="/ha/js/js_arrays.html" title="JavaScript ɗanar">ƙasa</a></p> <p><a href="/ha/js/js_array_const.html" title="JavaScript ɗanar ɗaukar">ƙasashin ƙasa</a></p> <p><a href="/ha/js/js_array_methods.html" title="JavaScript ɗanar ɗanar">方法 ƙasashin</a></p> <p><a href="/ha/js/js_array_search.html" title="JavaScript ɗanar ɗanar">方法 ƙaɗaɗa</a></p> <p><a href="/ha/js/js_array_sort.html" title="JavaScript ɗanar ɗanar">数组排序方法</a></p> <p><a href="/ha/js/js_array_iteration.html" title="JavaScript ɗanar ɗanar">数组迭代方法</a></p> </section> <div class="prenextnav-ref"> <ul> <li> 上一页 <a href="/ha/jsref/jsref_array_new.html" title="JavaScript new Array()">new Array()</a></li> <li> 下一页 <a href="/ha/jsref/jsref_concat_array.html" title="JavaScript Array concat() ɗanar">concat()</a></li> <li> 返回上一层 <a href="/ha/jsref/jsref_obj_array.html" title="Kwamantattu JavaScript Array Gudanarwa">Kwamantattu JavaScript Array Gudanarwa</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/ha/jsref/index.html">Kwamantattu JavaScript da HTML DOM Gudanarwa</a></h5> <h5 id="tools_example"><a href="/ha/js/js_examples.html">JavaScript 实例</a></h5> <h5 id="tools_quiz"><a href="/ha/js/js_quiz.html">JavaScript 测验</a></h5> <h5 id="tools_tutorial"><a href="/ha/js/index.html">JavaScript 教程</a></h5> </div> <div><h3><center> 赞助商链接 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。 </p> <p id="p2"> <a href="/ha/about/index.html" title="Hakan CodeW3C.com">Hakan CodeW3C.com</a> <a href="/ha/about/about_helping.html" title="Nasara CodeW3C.com">Nasara CodeW3C.com</a> <a href="/ha/about/about_use.html" title="Hakan ɗanar">Girmamaki ɗanar</a> <a href="/ha/about/about_privacy.html" title="Hakan ɗanar">Girmamaki ɗanar</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Kamfanin da ke tsofinan ne Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>