js内置对象的常用属性和方法（Array | String | Date

当前位置:

首页 > temp > JavaScript教程 >

js内置对象的常用属性和方法（Array | String | Date | Math）

js内置对象：Array String Math Date

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 1、构造函数方法创建数组
        var arr=new Array();
        console.log(arr);//[]

        var arr2=new Array(3);//指定数组个数
        console.log(arr2);//(3) [empty × 3]

        var arr3=new Array(1,2,3);//指定数组元素
        console.log(arr3);//(3) [1, 2, 3]

        // 2、字面量表示法创建数组
        var arr4=[1,2,3,4];
        console.log(arr4);//(4) [1, 2, 3, 4]

        
    </script>
</body>
</html>

读取和设置数组元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var arr4=[1,2,3,4];
        console.log(arr4[0]);//1
        arr4[0]=0;
        console.log(arr4);//(4) [0, 2, 3, 4]


    </script>
</body>
</html>

数组长度=数组最大索引值+1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var arr4=[1,2,3,4];
        console.log(arr4.length);//4  获取数组长度
        arr4.length=3;
        console.log(arr4);//(3) [1, 2, 3]
        arr4[9]=9;
        console.log(arr4);//(10) [1, 2, 3, empty × 6, 9]
        console.log(arr4.length);//10 数组长度永远=最大索引值+1
        // 遍历数组
        var len=arr4.length;
        for(var i=0;i<len;i++){
            console.log(arr4[i]);
        }


    </script>
</body>
</html>

数组的栈方法：

push() 从数组最后添加元素，返回数组的新长度

unshift() 从数组的开头添加元素，返回数组的新长度

pop() 删除数组的最后一个元素，返回被删除的那个元素

shift() 删除数组的第一个元素，返回被删除的那个元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var arr=[1,2,3,4];
        var len=arr.push(5,6);
        console.log(len);//6
        console.log(arr);//(6) [1, 2, 3, 4, 5, 6]

        var arr1=[1,2,3,4];
        var len1=arr1.unshift(-1,0);
        console.log(len1);//6
        console.log(arr1);//(6) [-1, 0, 1, 2, 3, 4]

        var arr2=[1,2,3,4];
        var n2=arr2.pop();
        console.log(n2);//4
        console.log(arr2);//(3) [1, 2, 3]

        var arr3=[1,2,3,4];
        var n3=arr3.shift();
        console.log(n3);//1
        console.log(arr3);//(3) [2, 3, 4]
    </script>
</body>
</html>

数组方法：

join() 数组转字符串

默认分隔符是逗号，可以自定义

reverse() 翻转数组中的元素顺序

sort() 数组排序，默认隐式转换为字符串，然后进行排序

可以自定义参数，用来进行数值的排序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var arr=[1,2,3,4];
        var str=arr.join();
        console.log(str);// 字符串 1,2,3,4

        var arr2=[1,2,3,4];
        var str2=arr2.join('');
        console.log(str2);// 字符串 1234

        var arr3=[1,2,3,4];
        var str3=arr3.join('-');
        console.log(str3);// 字符串 1-2-3-4

        var arr4=[1,2,3,4];
        var arr4=arr4.reverse();
        console.log(arr4);// (4) [4, 3, 2, 1]

        var arr5=[1,24,3,42];
        var arr5=arr5.sort();
        console.log(arr5);// (4) [1, 24, 3, 42]

        var arr6=[1,24,3,42];
        var arr6=arr6.sort(function(a,b){return a-b;});
        console.log(arr6);// (4) [1, 3, 24, 42]

        var arr7=[1,24,3,42];
        var arr7=arr7.sort(function(a,b){return b-a;});
        console.log(arr7);// (4) [42, 24, 3, 1]

    </script>
</body>
</html>

concat() 数组合并

slice(start, end) 数组截取，包含start不包含end

slice(start) 默认从start位置截取到最后

如果start或者end为负数，则等价于该负数+数组长度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var arr1=[1,2,3];
        var arr2=[4,5,6];
        var newArr=arr1.concat(arr2);
        console.log(newArr);//(6) [1, 2, 3, 4, 5, 6]

        var arr=[0,1,2,3,4,5];
        var slice1=arr.slice(2);
        console.log(slice1);//(4) [2, 3, 4, 5]
        var slice2=arr.slice(2,5);
        console.log(slice2);//(3) [2, 3, 4]
        var slice3=arr.slice(-5);
        console.log(slice3);//(5) [1, 2, 3, 4, 5]
        var slice4=arr.slice(-5,5);
        console.log(slice4);//等价于(1,5)  (4) [1, 2, 3, 4]

    </script>
</body>
</html>

数组的拷贝，方法越多越好

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        //数组拷贝，方法越多越好
        var a=[1,2,3,4];
        var b;
        
        b=a;
        console.log(b);

        b=a.concat([]);
        console.log(b);

        b=a.slice(0);
        console.log(b);

        b=[];
        for(var i=0;i<a.length;i++){
            b.push(a[i]);
        }
        console.log(b);


    </script>
</body>
</html>

splice(index, count, item...)

splice(index, count) 从Index位置开始，删除count个数据

splice(index, 0, item...) 从index位置开始，添加item...

splice(index, count, item...) 从Index位置开始，删除count个数据，并插入item...

返回值始终是被删除的数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var arr=['a', 'b', 'c', 'd', 'e', 'f', 'g'];        
        var newArr=arr.splice(2, 2);
        console.log(newArr);//(2) ["c", "d"]
        console.log(arr);//(5) ["a", "b", "e", "f", "g"]

        var arr2=['a', 'b', 'c', 'd', 'e', 'f', 'g'];        
        var newArr2=arr2.splice(2);
        console.log(newArr2);//(5) ["c", "d", "e", "f", "g"]
        console.log(arr2);//(2) ["a", "b"]

        var arr3=['a', 'b', 'c', 'd', 'e', 'f', 'g'];        
        var newArr3=arr3.splice(2, 0, 'm', 'n');
        console.log(newArr3);//[]

栏目列表

首页 > temp > JavaScript教程 >

js内置对象的常用属性和方法（Array | String | Date | Math）