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. 翻译:man getopt(1)中文手册

    NAME getopt - 解析命令行选项(加强版) SYNOPSIS getopt optstring parameters getopt [options] [--] optstring para ...

  2. 大话DI依赖注入+IOC控制反转(二) 之 浅析.Net Core中的DI与IOC

      转发时请注明原创作者及地址,否则追究责任.原创:alunchen 在上一篇文章中,我们聊了很多关于定义的方面,比较孤燥,下面我们结合.Net Core聊一下依赖注入&控制反转. 三种对象生 ...

  3. [转]RPA流程自动化-Blueprism认证考试介绍

    本文转自:https://www.cnblogs.com/digod/p/9190186.html RPA流程自动化-Blueprism认证考试介绍 接触RPA有一段时间了,几种RPA相关工具也都试用 ...

  4. [android] 采用服务执行长期后台的操作

    服务:在后台长期运行的没有界面的组件 新建一个类PhoneService类,继承系统的Service类 清单文件中 进行配置 新建一个节点<service>,设置名称android:nam ...

  5. Math.max()/min()

    返回一组数中最大值: 找到数组中的最大值,有两种方法,一种是apply,一种使用拓展运算符. 释义: 由于max()里面参数不能为数组,所以借助apply(funtion,args)方法调用Math. ...

  6. memcache 相关

    1.查看memcache是否启动 ps -ef | grep mem

  7. thinkphp3.2.3模板渲染支持三元表达式

    thinkphp3.2.3模板渲染支持三元表达式 {$status?'正常':'错误'} {$info['status']?$info['msg']:$info['error']} 注意:三元运算符中 ...

  8. laravel中请求用例$request可用的一些方法小结

    laravel中$request可用的一些方法小结 1,请求方法的获取 $method = $request->method(); 2,检测请求方法 $res = $request->is ...

  9. Git学习(一)

    版本控制系统是一种记录一个或若干文件内容变化,以便将来查阅特定版本修订情况的系统.版本控制系统不仅可以应用于软件源代码的文本文件,而且可以对任何类型的文件进行版本控制. 一.集中式版本控制系统 v.s ...

  10. angular ztree 梯形结构json配置、点击节点事件、默认展开所有

    // 获取树数据 $scope.initZtreeData = function () { var url = '/bpopstation/func/queryAll.do'; $http.post( ...