内裤总动员之数组那点事

各位观众老爷大家好,欢迎收看内裤总动员之程序猿的IT程序大讲堂,今天给大家分享一个小知识点就是JS中的数组那点事。


首先先给大家说一下unshift 这个方法。他的意思是在数组源头添加参数,并且能够返回数组的长度。

下面给大家看一个栗子:

var  a = [1,2,3,4,5];

var b = a.unshift(-1,2,10);

console.log(b);


返回值

shift: 这个是删除原数组第一项,并返回删除元素的值,如果数组为空的话将会返回undefined.

给大家举一个栗子:

var a = [1,2,3,4];

var b = a.shift();

alert(b);


返回值

pop:这个是删除原数组中最后一位,并返回删除值。如果数组为空,则undefined。

栗子:

var a = [1,2,3,4];

var b = a.pop();

alert(b);


返回值

push: 添加参数到原数组的末尾,并返回当前数组的长度。

栗子:

var a = [1,2,3,4];

var b = a.push(123);

返回值

concat:返回一个新数组,是将参数添加到原数组构成的。

栗子:

var a = [1,2,3,4,5];

var b = a.concat(6,7,8);


b数组

splice(start,delete,value1,value2,value3):从start位置开始删除delete项,并从该位置起插入val1,val2,...返回给原数组,而把删除项赋值给新数组。

栗子:

var a = [1,2,3,4,5];

var b = a.splice(2,2,7,8,9);

console.log(a,b);


返回值

splice也可以这样写。

var b = a.splice(0,0,1,3); // 他同unshift.

var b = a.splice(0,1,2,13);//他同shift.

var b = a.splice(a.length-1,1,3,3);//他同pop。

var b = a.splice(a.length,0 ,3,3); //他同push.


reverse:讲数组反序。

栗子:

var a = [1,2,3,4,5];

var b = a.reverse();

console.log(b);


f反序

sort():按照指定的参数对数组进行排序。

栗子:

var a = [1,3,2,3,5,1,5,3,54,4,7,64,2,3,3,43];

var b = a.sort();

console.log(b);


排序

请注意,上面的代码没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数:

function add(a,b){

return a - b;

}

var a = [1,3,2,3,5,1,5,3,54,4,7,64,2,3,3,43];

var b = a.sort(add);

console.log(b);


排序

slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组。

栗子:

var a = [1,2,3,4,5];

var b = a.slice(2,5);

console.log(b);


返回值

join(分隔符):将数组的元素变成一个字符串,中间以“分隔符”分开。如果省略默认用逗号。

栗子:

var a = [1,2,3,4,5];

var b = a.join("~");

console.log(b);

分隔符

这个就可以做一个封装函数咯。

function arrayToString(arr,string){

      if(string !=“”){

       return arr.join(string);

}

}


好了,关于数组这块呢就简单的为大家介绍到这里,如果有什么问题呢可以踊跃的留言哦。谢谢大家的支持。下期再见~~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,957评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,135评论 1 10
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,402评论 0 7
  • 数组 在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于...
    南山码农阅读 212评论 0 0
  • Javascript有很多数组的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,M...
    顽皮的雪狐七七阅读 4,281评论 0 6