オブジェクト配列のJavaScript ES6の方法として

 体験

 前の時にでき、正確に、日常の使用に私たちを助けるために事の並べ替え問題、考慮されるには余りにも多くの問題を持っているの多くを行うための過程で多くの問題であることをいくつかのアルゴリズム、および方法ES6を行うには、我々接触無しES6の道大幅に簡略化との問題は、コードの私たちの日常量を削減する場合、我々は通常、いくつかのより複雑なアルゴリズムを実行する必要があるなど、ES6の決意を使用して、これらの問題を持っていない場合は、解決すべき方法やサイクルの多くを使用する必要面倒な、非常に大きく、時間と複雑さを軽減し、当社のスピードコード、それの言葉を強化するように見えた、ES6本当に価値がそれに行動研究に時間を過ごすために小さなパートナーの前面を学んでいます、探検!

 

  1.拡張オペレータ

 


  意味

  拡張操作者が3つのドット(...)であり、配列はコンマで区切られたパラメータのシーケンスに変換することができます。

    

  2.フラットアレイ

 


 

 多次元アレイは常にコードまたはコード・ロジックの量の点で厄介な課題となっている一次元配列に変換され、それはより面倒で、ES6は、本方法は、多次元アレイ自体に変換することができる()フラットのフラットアレイを追加しました私たちは、多次元配列、2次元配列、1次元配列、次のコードをしたいです

   

 これはES6が書かれた新しい方法、コードの非常に多くの量を使用するのではなく、コードのロジックが複雑ビットは、検討中の問題が世界的な汚染を回避する方法を考えるためのトラブルであり、我々はES6を使って書かれた次のを見て

  

  フラットES6新しいは、()メソッドは、スペース、その後、元の配列がある場合、それは多層配列はフラットフラット()メソッドのパラメータのみに書き込むことができたい場合、スペースをスキップします、デフォルトのフラットな配列でありますしたがって、2つの平坦な、それが2の場合、デジタルのように:

         

  フラット()メソッドがサポートするのがある  インフィニティは、一次元配列にすべての配列のどんなに多くの層を意味しません

    

  3.Object.keys

 


 

  ES6この新しい方法は、比較的容易に学ぶことです、私たちは、リサイクルにあまりにも多くの言葉は、私たちが使用する必要があります...取得するには、キーは価値がある前にオブジェクトを取得したい、またはいくつかの他の方法オブジェクトの値のキーを取得するようにforループを使用したくないでしょうObject.keysを使用した後は、コードにあまり話をしなかった、時間の効率が向上します。

  首先来看使用简单的for...in进行获取对象中的key值方法

           

  然后我们在看Es6的Object.keys()方法

  

  我们可以看到明显的区别使用for...in方法获取的key值会一个一个的输出, 而使用Object.keys获取的会形成一个数组输出,并且两者的代码量也是不同的,同时时间复杂度也是不用的,for...in使用了循环,我们都知道在js中只要使用循环就会产生时间复杂度,会降低我们的代码运行效率,所以看到这篇文章的小伙伴以后还是使用Es6的方法吧,比较方便也比较好用

  4.Object.values


 

  看到了上面Es6求对象中的key值方法,肯定有点疑惑,求对象中key值都这么方便的那求对象中的value值呢?我们就不用像上面那样接着说一些前言了,直接上代码,还是为了方便阅读先上for...in的代码

  

  我们最终的到的结果就是 小明 男 18 接下来看Es6的方法

  

  同样的也是形成一个数组输出

     5.数组中的find()和findindex()方法


 

  我们经常性的会做一些查找的功能,那么这两个方法,但是唯一的缺点就是只能查找到第一个符合条件的数组元素,非常的可惜,下面我们来看一看代码是如何写的

  

  其中的value参数就是代表的数组中每一个元素,而index则代表的是下标,arr就是代表这个数组,刚才也说过了就是我们Es6的find方法有一个弊端就是所有满足条件的成员中只能返回第一个符合条件的数组元素,接下来让我们看一看findindex方法:

   

  findIndex方法和find方法极其的相似有木有,但是二者返回的却是截然不同,find方法返回的是数组成员,而findindex则与其恰恰相反返回的是第一个符合条件的数组成员的位置,也就是下标,如果所有成员都满足的话也只能返回第一个符合条件的数组成员位置,看上图所展示的就是这样,数组元素中大于9的就是10和15,其中10和15的下标分别为2和3,由于10是第一个满足条件的数组元素,所以findindex返回的下标是2


 讲了这么多,肯定有很多的小伙伴已经跃跃欲试的想要实际操作了吧,我们在学习的过程中千万不要总是看,我们一定要上手实际的去进行操作,否则的话我们只是凭着自己的第一印象去理解代码,我们并不知道自己所看到的是否会出现BUG,会报错,这一点是非常致命的,最后:祝所有看过我文章的小伙伴们前程似锦、前途无量

 

 

 

おすすめ

転載: www.cnblogs.com/xiaoxiaoxiongmao/p/12031280.html
おすすめ