JavaScript-数组||类数组

小灰灰 2022-05-27 04:46 224阅读 0赞

数组:数组就是一组数据的集合,其表现形式就是内存中的一段连续的内存地址,数组名称其实就是连续内存地址的首地址.

数组的产生：

1：new Array(length||content)

var arr1=new Array(10);
            var arr2=new Array('cyl',19,'wust');

![70][]注意第一个填小数是不可以的咯，识别不了是length还是值咯，在其它位任意

2:字面量

![70 1][]

数组里面的方法（重点）,一些方法会改变数组

1：push()

往数组末尾加一个值

![70 2][]返回值是当前数组的长度

push()函数实现的方法（后面会用到）

Array.prototype.push=function () {
                 for (var i=0;i<agruments.length;i++) {
                     this[this.length]=arguments[i];
                     //length特性自己就++，数组有的
                 }
                 return this.length;
             }

2：pop()

把数组最后一位剪切出来，返回其值

![70 3][]

3:unshift()

在数组最前面添加值

![70 4][]

4:shift()

把数组最前面的值切剪出来，返回其值

![70 5][]

5：reverse()

反转数组，把数组倒过来

![70 6][]

6：splice()

splice(pos,length,content)，把第pos位开始，截取长度为lenght的一片，而且可以在截痕去加入content(可以无限加）

1:截取

![70 7][]

2:加入content

![70 8][]加入的东西就是在你剪切处添加，当length为0时，就相当于在指定位置加东西

3:sort（）

非常重要的一个方法，可以按照你的方法对数组进行任意排序。

arr.sort(function () \{\} ) 里面的是规则函数。

规则函数的要求

1：必须要有俩个参数

2：当返回值是负数的时候，那么前面的数在前面，当返回数为正数的时候，那么后面的数在前面，当返回值是0的时候，不动。

默认按照字符串的大小排序

![70 9][]

所以排序函数就显得比较重要

function cmp(a,b) {
                 if (a>b) return 1;
                 else return -1;
             }

按照升序排序

![70 10][]

这些都是小case了。

对对象排序

function Person(name,age,grade) {
                 this.name=name;
                 this.age=age;
                 this.grade=grade;
             }
             var Person1=new  Person('cyl',19,3.75);
             var Person2=new  Person('cyh',19,3.65);
             var Person3=new  Person('hzp',19,3.70);
             var arr=new Array(Person1,Person2,Person3);
             arr.sort(function (a,b) {
                 return a.grade-b.grade;
             })

我们按照对对象的grade从低到高排序

![70 11][]sort函数非常灵活，想怎么排序就怎么排

arr . **sort**( function ( a , b ) \{

return Math . **random()** \- 0.5 ;

\})

乱排，嘿嘿

以下方法不会改变原数组。

1：concat()

用于连接俩个数组，产生一个新的数组

![70 12][]

并没有改变arr1与arr2，生成了一个arr,

2:toString()

将数组变成字符串

![70 13][]

3:slice()

slice(left,right)将\[left,right)取出来，原数组不变

![70 14][]注意是左闭右开，只填一个值和不填的作用很明显了

4：join||split

join(target)将数组里的元素挨个用target连起来,返回的是字符串，里面的参数最好用字符串类型。

![70 15][]

split(target)正好相反，将字符串用target切开，返回的是数组(split方法是字符串的方法）

![70 16][]

数组去重:

利用hash的思想，对数组去重

![70 17][]

方法很简单。

下面介绍类数组

看如下代码:

var obj= {
                "0": 'a',
                "1": 'b',
                "length":2,
                "push":Array.prototype.push
              // "splice":Array.prototype.splice
            }

满足条件：属性值是numble,含有length属性，最好有push

![70 18][]

加了一个c,length++了，这是数组的特性吧！

![70 19][]同样满足对象和数组的一些特点。

[70]: /images/20220527/5098c1906f7c4555a178c79509d4bb6f.png
[70 1]: /images/20220527/76072388b05448a5999606fcbac7646f.png
[70 2]: /images/20220527/3fc6fc22a56641da817cf29c572c4452.png
[70 3]: /images/20220527/e012b1ecdff64589b74cb3bb9abcc208.png
[70 4]: /images/20220527/7be181cdb168435081722be4caf9a199.png
[70 5]: /images/20220527/22ff6f404d7f4b88a76fe7a10c280bc9.png
[70 6]: /images/20220527/dddd4fae38354955b6b208b5852d049c.png
[70 7]: /images/20220527/53df6e0e8c2c4af492987e842d2bcef4.png
[70 8]: /images/20220527/4c867b690dc54d6183b65d357c36e511.png
[70 9]: /images/20220527/062f9715d11840ec973a4e662b736a77.png
[70 10]: /images/20220527/b676139109a743ce8f5e21718ff16a31.png
[70 11]: /images/20220527/26e7964991b64b71a1410acb09efb1ee.png
[70 12]: /images/20220527/87a1dcc44b0d41beafa106f5d68f4bb3.png
[70 13]: /images/20220527/b4a78bb9bc7d4cebb3714a231c9ae8a3.png
[70 14]: /images/20220527/487610aa551c43a4a6b51494ec995fb7.png
[70 15]: /images/20220527/3c7c7c20b9eb425495c398c875e21181.png
[70 16]: /images/20220527/98d7d1d6a91340e087ca2d7f48bf29cd.png
[70 17]: /images/20220527/d7d730c188924afd8a60f9fee584a8b1.png
[70 18]: /images/20220527/561b2d5451964af5abe59f39b594e29e.png
[70 19]: /images/20220527/5ef568398a8e4548b3bc677f606b41c4.png