汤姆大叔的6道javascript编程题题解

痛定思痛。 2021-11-10 07:31 243阅读 0赞

# 1、找出数字数组中最大的元素（使用Math.max函数） #

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>a = [1, 2, 3, 6, 5, 4];</code> 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>ans = Math.max.apply(</code> 
      <code>null</code> 
      <code>, a);</code> 
     </div> 
     <div> 
      <code>console.log(ans);&nbsp;&nbsp;</code> 
      <code>// 6</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

这题很巧妙地用了apply，如果不是数组，是很多数字求最大值，我们知道可以这样：

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>ans = Math.max(1, 2, 3, 4, 5, 6);</code> 
     </div> 
     <div> 
      <code>console.log(ans);&nbsp;</code> 
      <code>// 6</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

而apply的第二个参数正是一个数组，都不用进行转换了。

还有一种用eval+toString的实现：

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>a = [1, 2, 3, 6, 5, 4];</code> 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>ans = eval(&nbsp;</code> 
      <code>'Math.max('</code>&nbsp; 
      <code>+ a.toString() +&nbsp;</code> 
      <code>')'</code> 
      <code>);</code> 
     </div> 
     <div> 
      <code>console.log(ans);&nbsp;</code> 
      <code>// 6</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

# 2、转化一个数字数组为function数组（每个function都弹出相应的数字） #

我觉得这跟给n个a标签，弹出相应标签对应的编号是一个类型的题，用闭包保存变量到内存即可。

# 3、给object数组进行排序（排序条件是每个元素对象的属性个数） #

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div> 
    <div>
      15 
    </div> 
    <div>
      16 
    </div> 
    <div>
      17 
    </div> 
    <div>
      18 
    </div> 
    <div>
      19 
    </div> 
    <div>
      20 
    </div> 
    <div>
      21 
    </div> 
    <div>
      22 
    </div> 
    <div>
      23 
    </div> 
    <div>
      24 
    </div> 
    <div>
      25 
    </div> 
    <div>
      26 
    </div> 
    <div>
      27 
    </div> 
    <div>
      28 
    </div> 
    <div>
      29 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>a = { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>name:&nbsp;</code> 
      <code>'hanzichi'</code> 
      <code>,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>age: 10,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>location:&nbsp;</code> 
      <code>'china'</code> 
     </div> 
     <div> 
      <code>};</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>b = { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>name:&nbsp;</code> 
      <code>'curry'</code> 
     </div> 
     <div> 
      <code>};</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>c = { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>name:&nbsp;</code> 
      <code>'kobe'</code> 
      <code>,</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>sex:&nbsp;</code> 
      <code>'male'</code> 
     </div> 
     <div> 
      <code>};</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>Object.prototype.getLength =&nbsp;&nbsp;</code> 
      <code>function</code> 
      <code>() { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>var</code>&nbsp; 
      <code>num = 0;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>for</code> 
      <code>(</code> 
      <code>var</code>&nbsp; 
      <code>key&nbsp;</code> 
      <code>in</code>&nbsp; 
      <code>this</code> 
      <code>) { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>if</code> 
      <code>(</code> 
      <code>this</code> 
      <code>.hasOwnProperty(key))</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>num++;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>}</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>num;</code> 
     </div> 
     <div> 
      <code>};</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>arr = [a, b, c];</code> 
     </div> 
     <div> 
      <code>arr.sort(</code> 
      <code>function</code> 
      <code>(a, b) { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>a.getLength() &gt; b.getLength();</code> 
     </div> 
     <div> 
      <code>});</code> 
     </div> 
     <div> 
      <code>console.log(arr);</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

这题不难，数组排序，当然是sort，排序条件是对象的属性个数，可以写个函数计算，注意可能要用hasOwnProperty判断下。

# 4、利用JavaScript打印出Fibonacci数（不使用全局变量） #

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>(</code> 
      <code>function</code> 
      <code>(a, b) { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>var</code>&nbsp; 
      <code>c = a + b;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>console.log(c);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>if</code> 
      <code>(c &gt; 100)&nbsp;</code> 
      <code>return</code> 
      <code>;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>arguments.callee(b, c);</code> 
     </div> 
     <div> 
      <code>})(-1, 1);</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

这题没看明白，是打出斐波那契数列的前n项么？还是第n项...

不使用全局变量，我把它们写在函数里了应该算是局部变量了吧，难道这样就好了？你怎么看？

# 5、实现如下语法的功能：var a = (5).plus(3).minus(6); //2 #

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>Number.prototype.plus =&nbsp;</code> 
      <code>function</code> 
      <code>(a) { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>this</code>&nbsp; 
      <code>+ a;</code> 
     </div> 
     <div> 
      <code>};</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>Number.prototype.minus =&nbsp;</code> 
      <code>function</code> 
      <code>(a) { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>this</code>&nbsp; 
      <code>- a;</code> 
     </div> 
     <div> 
      <code>};</code> 
     </div> 
     <div>
       &nbsp; 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>a = (5).plus(3).minus(6);</code> 
     </div> 
     <div> 
      <code>console.log(a);&nbsp;</code> 
      <code>// 2</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

直接在Number对象上加扩展方法即可，传说中这样很不好，but我也想不到更好的办法了...

# 6、实现如下语法的功能：var a = add(2)(3)(4); //9 #

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>function</code>&nbsp; 
      <code>add(a) { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>var</code>&nbsp; 
      <code>temp =&nbsp;</code> 
      <code>function</code> 
      <code>(b) { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>add(a + b);</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>}</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>temp.valueOf = temp.toString =&nbsp;</code> 
      <code>function</code> 
      <code>() { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>a;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>};</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>temp;</code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>ans = add(2)(3)(4);</code> 
     </div> 
     <div> 
      <code>console.log(ans);&nbsp;</code> 
      <code>// 9</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

对valueOf和toString的考察，具体可以参考[《valueOf和toString》][valueOf_toString]

另看到一种很飘逸的写法（来自[Gaubee][]）：

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>function</code>&nbsp; 
      <code>add(num){ </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>num += ~~add;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>add.num = num;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>return</code>&nbsp; 
      <code>add;</code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
     <div> 
      <code>add.valueOf = add.toString =&nbsp;</code> 
      <code>function</code> 
      <code>(){ </code> 
      <code>return</code>&nbsp; 
      <code>add.num};</code> 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>ans = add(3)(4)(5)(6);&nbsp;&nbsp;</code> 
      <code>// 18</code> 
     </div> 
     <div> 
      <code>alert(ans);</code> 
     </div> 
     <p><code>&nbsp;</code></p> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

转载于:https://www.cnblogs.com/JohnLiang/p/5715771.html

[valueOf_toString]: http://www.cnblogs.com/zichi/p/4106711.html
[Gaubee]: http://home.cnblogs.com/u/368517/