JavaScript -- 时光流逝(二):js中数组的方法

时间:2021-12-20 18:39:54

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>

    JavaScript -- 时光流逝(二):js中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法

  (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>

    JavaScript -- 时光流逝(二):js中数组的方法

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

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

    JavaScript -- 时光流逝(二):js中数组的方法

    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>

    JavaScript -- 时光流逝(二):js中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法JavaScript -- 时光流逝(二):js中数组的方法

    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>

    JavaScript -- 时光流逝(二):js中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法JavaScript -- 时光流逝(二):js中数组的方法

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

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

    JavaScript -- 时光流逝(二):js中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法

    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>

    JavaScript -- 时光流逝(二):js中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法

    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>

    JavaScript -- 时光流逝(二):js中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法

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

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

    JavaScript -- 时光流逝(二):js中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法

    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>

    JavaScript -- 时光流逝(二):js中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法

    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>

    JavaScript -- 时光流逝(二):js中数组的方法

    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>

    JavaScript -- 时光流逝(二):js中数组的方法

    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中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法  JavaScript -- 时光流逝(二):js中数组的方法