JS中一些常用的数组方法

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<script>
    // concat()方法：连接任意多个数组，将他们组成一个新的数组
    // 这个方法不会改变现有的数组
    // 语法：arrObj.concat(arr1,arr2,...),括号中的参数可以使多个数组，也可以是多个字符
    var arr1=[2,4,5];
    var arr2=['a','b','c'];
    var arr3=arr1.concat(arr2);
    var arr4=arr1.concat(1,'f',4,'g');
    console.log(arr3); //[2, 4, 5, "a", "b", "c"]
    console.log(arr4); //[2,4,5,1,'f',4,'g']

    //join()方法：将所有的数组元素放入一个字符串，用这个字符串将这个数组进行分割,并返回一个新的字符串
    //语法：arrObj.join(分隔符)
    var arr5=arr1.join('aaa');
    console.log(arr5); //2aaa4aaa5

    //pop()方法：删除并返回数组的最后一个元素
    //与之用法相同的shift()方法，删除并返回数组的第一个元素
    //会改变原数组，使原数组长度减一
    //语法：arrObj.pop()
    var arr6=arr1.pop();
    console.log(arr6); //5
    console.log(arr1); //[2,4]

    //push()方法：向数组的末尾添加任意多个元素并返回新的长度
    //与之用法相同的unshift()方法，是向数组的开头添加任意多个元素并返回新的长度
    //会改变原数组
    //语法：arrObj.push(a1,a2,...)
    var arr7=arr1.push(11,12,13,14);
    console.log(arr7); //6
    console.log(arr1); //[2,4,11,12,13,14]

    //reverse()方法：翻转数组中的元素
    //会改变原数组
    //语法：arrObj.reverse()
    arr1.reverse();
    console.log(arr1); //[14, 13, 12, 11, 4, 2]

    //toString()方法：将数组转换为字符串并返回结果
    //不改变原数组
    //语法：arrObj.toString()
    var arr8=['李白','韩信','花木兰'];
    var arr9 = arr8.toString();
    console.log(arr9); //李白,韩信,花木兰
    console.log(arr8); //['李白','韩信','花木兰']

    //sort()方法：对数组进行排序
    //语法：arrObj.sort()
    var arr9=[20,12,3,55,444];
    var arr10=['Ban','abg','Doger','center'];
    var arr11=['Ban','Abg','Doger','Center'];
    var arr12=['Ban','Abg','Doger','center'];
    console.log(arr9.sort()); //[12, 20, 3, 444, 55]
    console.log(arr10.sort()); //["Ban", "Doger", "abg", "center"]
    console.log(arr11.sort()); //["Abg", "Ban", "Center", "Doger"]
    console.log(arr12.sort()); //["Abg", "Ban", "Doger", "center"]

    //splice()方法：添加或删除多个元素,然后返回被删除的元素
    //会改变原数组
    //语法：arrObj.splice(x,index,Y1,Y2,...)
    //x为要删除的起始位置(即下标为x开始)是必需的，index为要删除的项数也是必需的，Y1，Y2...是要添加的元素，可选
    var arrA=['a','b','c','d'];
    var arra = arrA.splice(2,2,3,4,5);
    console.log(arra); //["c", "d"]
    console.log(arrA); //["a", "b", 3, 4, 5]

    //slice()方法：返回选中的某些元素
    //语法：arrObj.slice(x,y)  x是起始位置，必需，y是结束位置，可选，如果没有y则默认是从起始位置到数组的末尾
    //不会改变原数组
    var arrB=['A','B','C','D','E','F','G'];
    var arrb=arrB.slice(3);
    var arrc=arrB.slice(3,5);
    console.log(arrb); //["D", "E", "F","G"]
    console.log(arrc); //["D", "E"]  包括下标为x的但是不包括下标为y的
    console.log(arrB); //["A", "B", "C", "D", "E", "F", "G"]

</script>
</body>
</html>
JS中一些常用的数组方法

猜你喜欢
