语法高亮,滚动条美化,设置页面调整

This commit is contained in:
fofolee
2019-04-19 02:41:09 +08:00
parent 1e8f76c000
commit 359d29ee0b
1590 changed files with 12328 additions and 11441 deletions

View File

@@ -3,12 +3,12 @@
<p><code><strong>entries()</strong></code> 方法返回一个新的<strong>Array Iterator</strong>对象,该对象包含数组中每个索引的键/值对。</p>
<p><iframe class="interactive interactive-js" frameborder="0" height="250" src="https://interactive-examples.mdn.mozilla.net/pages/js/array-entries.html" width="100%"></iframe></p>
<h2 id="语法">语法</h2>
<pre class="syntaxbox"><code><em>arr</em>.entries()</code></pre>
<pre><code class="language-javascript"><code><em>arr</em>.entries()</code></code></pre>
<h3 id="返回值">返回值</h3>
<p>一个新的 <a href="Reference/Array" title="REDIRECT Array"><code>Array</code></a> 迭代器对象。<a class="external" href="http://www.ecma-international.org/ecma-262/6.0/#sec-createarrayiterator" rel="noopener">Array Iterator</a>是对象它的原型__proto__:Array Iterator上有一个<a class="external" href="http://www.ecma-international.org/ecma-262/6.0/#sec-%arrayiteratorprototype%.next" rel="noopener">next</a>方法,可用用于遍历迭代器取得原数组的[key,value]。</p>
<h2 id="示例">示例</h2>
<h3 id="1、_Array_Iterator">1、 Array Iterator</h3>
<pre class="brush: js">var arr = ["a", "b", "c"];
<pre><code class="language-javascript">var arr = ["a", "b", "c"];
var iterator = arr.entries();
console.log(iterator);
@@ -17,9 +17,9 @@ console.log(iterator);
next:<em>ƒ next()</em>
Symbol(Symbol.toStringTag):"Array Iterator"
__proto__:<em>Object</em>
*/</pre>
*/</code></pre>
<h3 id="2、iterator.next()">2、iterator.next()</h3>
<pre class="brush: js">var arr = ["a", "b", "c"];
<pre><code class="language-javascript">var arr = ["a", "b", "c"];
var iterator = arr.entries();
console.log(iterator.next());
@@ -33,9 +33,9 @@ console.log(iterator.next());
// next.done 用于指示迭代器是否完成在每次迭代时进行更新而且都是false
// 直到迭代器结束done才是true。
// next.value是一个["key":"value"]的数组,是返回的迭代器中的元素值。
</pre>
</code></pre>
<h3 id="3、iterator.next方法运行">3、iterator.next方法运行</h3>
<pre class="brush: js">var arr = ["a", "b", "c"];
<pre><code class="language-javascript">var arr = ["a", "b", "c"];
var iter = arr.entries();
var a = [];
@@ -49,9 +49,9 @@ for(var i=0; i&lt; arr.length+1; i++){ // 注意是length+1比数组的
}
}
console.log(a); // 遍历完毕输出next.value的数组</pre>
console.log(a); // 遍历完毕输出next.value的数组</code></pre>
<h3 id="4、二维数组按行排序">4、二维数组按行排序</h3>
<pre class="brush: js">function sortArr(arr) {
<pre><code class="language-javascript">function sortArr(arr) {
var goNext = true;
var entries = arr.entries();
while (goNext) {
@@ -77,9 +77,9 @@ sortArr(arr);
    length:4
    __proto__:Array(0)
*/
</pre>
</code></pre>
<h3 id="5、使用for…of_循环">5、使用<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of">for…of</a> 循环</h3>
<pre class="brush:js">var arr = ["a", "b", "c"];
<pre><code class="language-js">var arr = ["a", "b", "c"];
var iterator = arr.entries();
// undefined
@@ -90,7 +90,7 @@ for (let e of iterator) {
// [0, "a"]
// [1, "b"]
// [2, "c"]
</pre>
</code></pre>
<h2 id="规范">规范</h2>
<table class="standard-table">
<tbody>