美文网首页
JavaScript 数组(Array)的一些常用操作方法

JavaScript 数组(Array)的一些常用操作方法

作者: 何鸿biu | 来源:发表于2018-06-28 10:48 被阅读10次

    1--定义一个数组,并且输出数组操作

    
    // 1--定义一个数组,并且输出数组操作
    
    var arr1 = [];  //这是一个空数组
    console.log(arr1);//[]
    
    var arr2 = [1,3,4,5,6]; //这是一个纯数字的数组
    console.log(arr2);//[1, 3, 4, 5, 6]
    
    //JavaScript中的数组(Array)可以包含任意数据类型,如下
    var arr3 = [12,1.2,'Hello world',null,true,{'name':'biu','age':18}];
    console.log(arr3);// [12, 1.2, "Hello world", null, true, {…}]
    //分别输出了:数字(12),小数(1.2),字符串(Hello world),空(null),布尔类型(true),对象({name: "biu", age: 18})
    
    //如何输出数组里面特定输的元素呢?
    console.log(arr3[0]); 
    //意思为输出数组arr3中第一个元素 //输出结果:12
    console.log(arr3[1]); 
    //意思为输出数组arr3中第二个元素 //输出结果:1.2
    console.log(arr3[2]); 
    //意思为输出数组arr3中第三个元素 //输出结果:Hello world
    console.log(arr3[3]); 
    //意思为输出数组arr3中第四个元素 //输出结果:null
    console.log(arr3[4]);
    //意思为输出数组arr3中第五个元素 //输出结果:true
    console.log(arr3[5]);
    //意思为输出数组arr3中第六个元素 //输出结果:{name: "biu", age: 18}
    
    

    2--数组的操作

            
    var arr4 = [1,3,4,5,6];
    
    // 1--读取数组的长度:arr4.length
    console.log(arr4.length); //输出结果:5
            
    

    3--数组的一些方法

     <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>数组的一些方法</title>
    </head>
    <body>
        <script>
            // 新建一个数组
            var array1 = ['1', '2', '3']
            console.log(array1) //  ["1", "2", "3"]
    
            // 使用数组的push方法,从数组的后面添加数据 array1.push('a')
            array1.push('a')
            console.log(array1) //  ["1", "2", "3", "a"]
    
            // push() 还可以从数组后面添加多个数据呢
            var newLenght = array1.push('b', 'c', 'd')
            console.log(array1) // ["1", "2", "3", "a", "b", "c", "d"]
            console.log(newLenght) // 7  返回了新数组的长度7
    
    
            // 那么总结下push方法
            // 定义:push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
            // 语法:arrayObject.push(value1,value2,value3,...,valuex)
            // 数组可以用push()方法从数组的后面添加一个或者多个数据,但是最少要有一个要添加的数据
    
            // 那么如何减去数组后面的元素呢?
            // 这里用到pop()方法
            var array2 = ['a', 'b', 'c']
            console.log(array2) // ["a", "b", "c"]
    
            var ele = array2.pop()
            console.log(array2) // ["a", "b"]
            console.log(ele) // c  返回了array2的最后一项
    
            // 总结:
            // 定义:pop() 方法用于删除并返回数组的最后一个元素,如果数组为空,返回undefined
            // 语法:arrayObject.pop()
    
            console.log('-------------- 华丽分割 ----------------')
            // 那么怎样从数组的前面添加数据呢?
            // 这里用到array3.unshift()方法
    
            var array3 = ['1', '2', '3'] 
            console.log(array3) // ["1", "2", "3"]
    
            // 使用从数组前端添加数据的方法:array3.unshift('a')
            array3.unshift('a')
            console.log(array3) // ["a", "1", "2", "3"]
    
            // 还可以从头部添加多个数据
            array3.unshift('b', 'c', 'd')
            console.log(array3) // ["b", "c", "d", "a", "1", "2", "3"]
            var newL = array3.unshift('11', '22', '33')
            console.log(array3) // ["11", "22", "33", "b", "c", "d", "a", "1", "2", "3"]
            console.log(newL) // 10   返回新数组的长度
            // 从上观察得到,要注意从数据头部添加多个数据后新数组的顺序关系哦
    
            // 总结:
            // 定义:unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度
            // 语法:arrayObject.unshift(value1,value2,value3,...,valuex) 至少有一个元素
    
            // 那么用什么方法来删除数组的前面第一项呢?
            // 这里用到shift()方法
            var array4 = ['1', '2', '3']
            var firstEle = array4.shift()
            console.log(array4) //  ["2", "3"]
            console.log(firstEle) // 1  返回值为数组的第一个
    
            // 总结:
            // 定义:shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值,如果数组为空返回值是undefined
            // 语法:arrayObject.shift()
    
            console.log('-------------- 华丽分割 ----------------')
            
        </script>
    </body>
    </html>       
            
    

    相关文章

      网友评论

          本文标题:JavaScript 数组(Array)的一些常用操作方法

          本文链接:https://www.haomeiwen.com/subject/bkqgyftx.html