JavaScript -- 知识点回顾篇(二):js中数组的方法

1. 数组

  (1)定义数组,数组赋值

    <script type="text/javascript">
//赋值的方法1:添加任意多的值
var arr1 = new Array();
arr1[0]='小胡子1';
arr1[1]='中胡子1';
arr1[2]='大胡子1';
alert(arr1); //赋值的方法2:使用一个整数自变量来控制数组的容量
var arr2 = new Array(3);
arr2[0]='小胡子2';
arr2[1]='中胡子2';
arr2[2]='大胡子2';
alert(arr2);
</script>

     

  (2)数组的方法

    concat():  连接两个或更多的数组,并返回结果。

    <script type="text/javascript">
var arr1 = new Array();
arr1[0]='小胡子1';
arr1[1]='中胡子1';
arr1[2]='大胡子1'; var arr2 = new Array();
arr2[0]='小胡子2';
arr2[1]='中胡子2';
arr2[2]='大胡子2'; var arrConcat = arr1.concat(arr2); alert(arrConcat);
</script>

    

    join():   把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。   

    <script type="text/javascript">
var arr1 = new Array();
arr1[0]='小胡子1';
arr1[1]='中胡子1';
arr1[2]='大胡子1';
alert(arr1.join());
</script>

    

    pop():  删除并返回数组的最后一个元素

    <script type="text/javascript">
var arr1 = new Array();
arr1[0]='小胡子1';
arr1[1]='中胡子1';
arr1[2]='大胡子1';
alert(arr1);
alert(arr1.pop());
alert(arr1);
</script>

     

    push():   向数组的末尾添加一个或更多元素,并返回新的长度。

    <script type="text/javascript">
var arr1 = new Array();
arr1[0]='小胡子1';
arr1[1]='中胡子1';
arr1[2]='大胡子1';
alert(arr1);
alert(arr1.push("特大胡子1"));
alert(arr1);
</script>

     

    reverse():  颠倒数组中元素的顺序。 

    <script type="text/javascript">
var arr1 = new Array();
arr1[0] = 'F';
arr1[1] = 'A';
arr1[2] = 'C';
alert(arr1);
alert(arr1.reverse());
</script>

      

    shift():  删除并返回数组的第一个元素

        <script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子1';
arr1[1] = '中胡子1';
arr1[2] = '大胡子1';
alert(arr1);
alert(arr1.shift());
alert(arr1);
</script>

        

    slice():  从某个已有的数组返回选定的元素

        <script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子0';
arr1[1] = '小胡子1';
arr1[2] = '小胡子2';
arr1[3] = '小胡子3';
arr1[4] = '小胡子4';
alert(arr1);
alert(arr1.slice(1,3));
</script>

      

    sort():  对数组的元素进行排序

        <script type="text/javascript">
var arr1 = new Array();
arr1[0] = 'F';
arr1[1] = 'A';
arr1[2] = 'C';
alert(arr1);
alert(arr1.sort());
</script>

      

    splice():  删除元素,并向数组添加新元素。

        <script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子0';
arr1[1] = '小胡子1';
arr1[2] = '小胡子2';
arr1[3] = '小胡子3';
arr1[4] = '小胡子4';
alert(arr1);
arr1.splice(2, 1, '新胡子');
alert(arr1);
</script>

      

    toString():  把数组转换为字符串,并返回结果。数组中的元素之间用逗号分隔。

        <script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子0';
arr1[1] = '小胡子1';
arr1[2] = '小胡子2';
arr1[3] = '小胡子3';
arr1[4] = '小胡子4';
alert(arr1.toString());
</script>

    

    toLocaleString():  把数组转换为本地数组,并返回结果。然后使用地区特定的分隔符把生成的字符串连接起来,形成一个字符串。

            (注意:这里的分隔符不再是一个单一的英文逗号)

        <script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子0';
arr1[1] = '小胡子1';
arr1[2] = '小胡子2';
arr1[3] = '小胡子3';
arr1[4] = '小胡子4';
alert(arr1.toLocaleString());
</script>

    

    unshift():  向数组的开头添加一个或更多元素,并返回新的长度。

        <script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子1';
arr1[1] = '中胡子1';
arr1[2] = '大胡子1';
alert(arr1);
alert(arr1.unshift('小孩子'));
alert(arr1);
</script>

        

JavaScript -- 时光流逝(二):js中数组的方法的更多相关文章

  1. js中数组去重方法及性能对比

    js中数组的 数组去重 常用的数组去重方法以及效率分析: 首先我们先构建一个数组,主要是用于进行去重实验,我们主要实验的量级为1000,10000,100000,500000.具体的生成数组的方法如下 ...

  2. JS中数组的方法

    1. join() Array.join() 是 String.split() 的逆向操作 var arr = [1, 2, 3] arr.join()// "1,2,3" arr ...

  3. js中数组去重的几种方法

    js中数组去重的几种方法         1.遍历数组,一一比较,比较到相同的就删除后面的                 function unique(arr){                 ...

  4. php和js中数组的总结

      php中数组的表示方法:array()或者[] js中数组的表示方法:new array()或者[] 一.php中初始化命名数组 在PHP中声明数组的方式主要有两种:一是应用array()函数声明 ...

  5. JS中数组的介绍

    一.数组: 一组数据的集合: 二.JS中数组的特点: 1.数组定义时无需指定数据类型: 2.数组定义时可以无需指定数组长度: 3.数组可以存储任何类型的数据: 4.一般是相同的数据类型: 三.数组的创 ...

  6. JS中split使用方法和数组中元素的删除

    JS中split使用方法和数组中元素的删除 JS中split使用方法 <script language="javascript"> function spli(){ d ...

  7. js中数组如何使用

    js中数组如何使用 一.总结 一句话总结:new Array()和[]两种方法都可以创建数组. 二.js中创建数组,并往数组里添加元素 数组的创建 var arrayObj = new Array() ...

  8. js中数组方法大全

    js数组方法大全 一:前言 我们在学到js中数组的时候,我们会接触到js中数组的一些方法,这些方法对我们来说,可以很遍历的达到我们想要的结果,但是因为方法比较多,有些方法也不常用,可能会过一段时间就会 ...

  9. javascript基础入门之js中的结构分支与循环语句

    javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...

随机推荐

  1. 深度解析XML的结构与类映射

    XML概述      可扩展标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据.定义数据类型,是一种允许用户对自 ...

  2. MyBatis:GeneratorConfig生成mapper以及pojo

    首先我们需要导入相应的依赖 之后需要针对的配置一些数据 接着我们需要针对性的写配置文件,在根目录下写mybatis的主要配置文件 如上图我们配置了数据库连接.对应的一些pojo.mapper.java ...

  3. Docker 系列六(Docker Swarm 项目).

    一.前言 随着互联网快速发展,以及微服务架构的流行,服务器的压力越来越大.上一篇介绍的 Docker Compose 项目,可以将多个容器捏合在一起,实现容器间的通信,比如 Web 项目对 DB.Ca ...

  4. C#设计模式之十九策略模式(Stragety Pattern)【行为型】

    一.引言 今天我们开始讲“行为型”设计模式的第七个模式,该模式是[策略模式],英文名称是:Stragety Pattern.在现实生活中,策略模式的例子也非常常见,例如,在一个公司中,会有各种工作人员 ...

  5. Debug始于71年前

    摘要: 纪念Grace Hopper发现世界上第一个计算机BUG! 1947年9月9日,Grace Hopper的计算科学团队在哈佛的哈弗Mark II电脑运行程序时遇到一个技术故障.她在发生故障的M ...

  6. laravel表单验证

    效果展示:         代码 实现: 后台: use Validator; public function login() { if($input = Input::all()){ //验证提交的 ...

  7. [Linux]lnmp一键安装包,访问yii/tp5/laravel的时候,报错500或者空白页面

    当你将默认的访问路径改后(nginx.conf中的root 之后的路径),同时应该将/home/wwwroot/default/.user.ini 中的路径也改了! .user.ini 是隐藏文件,需 ...

  8. react-router 嵌套路由 内层route找不到

    今天在做嵌套路由的时候,没有报错,但是页面显示为空,搜索了一下资料,有两个原因: 1.exact精确匹配 <Route component={xxx} path="/" /& ...

  9. [jQuery]循环遍历改变a标签的href

    把info类下面所有的a标签链接后天加"#article". jQuery(document).ready(function($){ $('.info a').each(funct ...

  10. Android的ToolBar

    ToolBar比ActionBar更加可控,自由.因此,Google 逐渐使用ToolBar来代替ActionBar. 使用ToolBar 1.要引入appCompat_v7支持 2.主题设置为NoA ...