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. TCP/IP协议学习(一)

    一.网络模型 OSI七层模型:自上至下依次是 应用层,表示层,会话层,传输层,网络层,数据链路层,物理层 应用层:具体的应用协议如HTTP.SMTP.FTP.TELNET.DNS等 表示层:针对数据格 ...

  2. 业务开发(二)—— Spring框架

    0x01.使用枚举类,在MyBatis中 到了mapper.xml文件那里,如Status要与1进行对比,而不是1所对应的枚举字符串. 0x02.分页 Dao获取到的记录数,在Controller层放 ...

  3. 行为型---状态者模式(State Pattern)

    状态者模式的介绍 每个对象都有其对应的状态,而每个状态又对应一些相应的行为,如果某个对象有多个状态时,那么就会对应很多的行为.那么对这些状态的判断和根据状态完成的行为,就会导致多重条件语句,并且如果添 ...

  4. Centos 6.8 定时任务Crontab服务

    一,crontab服务的简介 二.安装cron服务 安装cron服务 : --yum install vixie-cron --yum install crontabs 检出cron服务 检查cron ...

  5. 不容易系列之一(hdu1465)错排+递推

    不容易系列之一 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submis ...

  6. 史上最全python面试题详解 (二)(附带详细答案(关注、持续更新))

    23.re的match和search区别? re.match()从开头开始匹配string. re.search()从anywhere 来匹配string. # 多行模式>>> re ...

  7. Exception in thread "main" java.lang.NoClassDefFoundError: org/apache/hadoop/fs/CanUnbuffer

    在执行spark on hive 的时候在  sql.show()处报错 : Exception in thread "main" java.lang.NoClassDefFoun ...

  8. 13 ,CSS 入门基础,行内排版内嵌式排版和外部排版样式

    1.认识 CSS 2.传统 HTML 设计网页版面的缺点 3.CSS 的特点 4.CSS 的排版样式 13.1 认识CSS CSS的英文全名是 Cascading Style Sheets,中文可翻译 ...

  9. 2; HTML 基本结构

    1. HTML 的基本结构 2. HTML 控制标记的格式 3. 最常用的控制标记 本章讲解最基本的 HTML 元素,也就是创建文档结构所需的元素.例如:标题.段落. 页面分隔.注释等等. 2.1 H ...

  10. Fetch使用

    Fetch API 提供了一个获取资源的接口(包括跨域请求).任何使用 过 XMLHttpRequest 的人都能轻松上手,但新的API提供了更强大和 灵活的功能集. 概念和用法 Fetch 提供了对 ...