010 JavaScript基础

目录

001 数组的深复制和潜复制

002 二维数组

003 生成动态表格

004 对象

---

001 数组的深复制和潜复制

         数组的浅复制：只复制了地址 (共享地址)

         数组的深复制： 复制数组中的值

         遍历(把原数组中的值存入新的数组)  var arr2 = [] ;

         slice()  截取数组中的所有值，得到的是一个新数组

        

        var arr4 = [1,2,3] ;
        var arr5 = ['a' , 'b'] ;
        arr4 = arr5 ;
        console.log(arr4);
        arr5.push('c') ;
        console.log(arr4);
        arr4.push(1) ;
        console.log(arr5);

002 二维数组

    


    function concat() {  
            console.log(arguments);
            var newArr = [] ;
            for(var i in arguments) {
                for(var j in arguments[i]) {
                    console.log(arguments[i][j]);
                    newArr.push(arguments[i][j])
                }
            }
            console.log(newArr);
        }

        concat([1,2,3] , [4,5,6])

003 生成动态表格

给标签加内容   innerHTML

 

<table>
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>地址</th>
            </tr>
        </thead>
        <tbody id="tb">

        </tbody>
    </table>

    <script>
        var arr = [
            ['方总' , '男' , '32' , '青年公寓'],
            ['师爷' , '男' , '42' , '青年公寓'],
            ['班长' , '男' , '18' , '江滩边上'],
            ['方总' , '男' , '32' , '青年公寓'],
            ['方总' , '男' , '32' , '青年公寓'],
            ['师爷' , '男' , '42' , '青年公寓'],
            ['班长' , '男' , '18' , '江滩边上'],
            ['方总' , '男' , '32' , '青年公寓'],
        ]

        var res = '' ;
        for(var i in arr) {
            res += '<tr>'
            for(var j in arr[i]) {
                res += '<td>' + arr[i][j] + '</td>'
            }
            res += '</tr>'
        }
        console.log(res);

        var oTb = document.getElementById('tb') ;
        oTb.innerHTML = res ;




    </script>

004 对象

 数组：存储同一种类型的数据

             有序性

 对象：描述同一类型的事物(属性，方法)

             无序性

        属性：属性值

        方法：函数
 

        对象的两种访问方式  

         person['name']   person['age']

         点语法  person.name   person.age

    var dog = {
            name : '二哈',
            age : 3 ,
            sex : '公',
            say : function () {  
                console.log('汪');
            }
        }

         console.log(dog.name);