数组/length/遍历数组/for-in遍历对象{}

01-数组新增，修改数据

    <script>
        let num = ['德莱厄斯', '无可匹敌的力量', '这无人可挡的武力', '藐视诺克萨斯的崛起，你将死无葬身之地'];

        // 修改 新增数据
        // console.log(num[0] = '诺手');
        console.log(num);
        console.log(num[0] = '诺克萨斯之手');  //修改数据 将 原下标位置 0 德莱厄斯 修改为 诺克萨斯之手

        console.log(num[4] = '自残打击');       //新增数据 在 下标位置 4 新增 自残打击
    </script>

02-动态数组与数组长度 length

    <script>
        //数组长度  length属性
        let num = ['德莱厄斯', '无可匹敌的力量', '这无人可挡的武力', '藐视诺克萨斯的崛起，你将死无葬身之地'];


        //1. 动态通过 length获取数组元素的数量
        console.log(num.length);
        console.log(num);

        //2.length与最后一个元素的关系
        //最后一个元素下标 = 数组.length - 1
        let res = num.length - 1;
        console.log(res);   //原本 num的length长度为 4  这里 -1 后 为 3

        //此处可以简写方式 一步到位
        console.log(num[num.length - 1]);


        //3.利用length动态添加元素
        //数组[不存在的数值] = 新值
        let sult = num.length;
        num[sult] = '阿亮'
        console.log(sult);   //增加一个下标志 4 为 '阿亮'

        num[num.length] = '屌不屌'  //会直接在 数组 num 后面增加一个 '屌不屌'
        console.log(num);          //1.是通过 动态添加元素
                                   //2.永远是最后一个元素下标 +1， 中间不会产生空出来的下标。

    </script>

03-数组的一个简单案例

    <script>
        let user = [];                          //先定义一个数组，将数据存储
        let num1 = prompt('请输入您的个人信息：');
        user[user.length] = num1;               //将右边 用户输入的num1的值拿取 给到 左边user的数组里面

        let num2 = prompt('请输入您的名字：');
        user[user.length] = num2;

        let num3 = prompt('请输入您的年龄：');
        user[user.length] = num3;

        let num4 = prompt('请输入您的身份证号：');
        user[user.length] = num4;

        let num5 = prompt('请输入您的手机号码：');
        user[user.length] = num5;

        console.log(user);
    </script>

04-遍历数组

    <script>
        // [ ]  数组定义符
        let num = ['德莱厄斯', '无可匹敌的力量', '这无人可挡的武力', '藐视诺克萨斯的崛起，你将死无葬身之地'];
        for (let i = 0; i < num.length; i++) {
            //        num[i] 访问数组的下标
            document.write(i + ':' + num[i])
        }
    </script>

05-遍历数组 const（常量）

    <script>
        const books = ["js语言很牛逼", "C语言从入门到放弃", "编程之道：从程序员到卖麻辣烫", "颈椎病治疗指南", "JavaScript权威指南", "js从入门到入坟"];


        // 1. 输出ul的前半部分
        document.write('<ul>');
        // 2. 输出li + a的结构：不确定数量，需要用到循环：数量由  books.length
        for (let i = 0; i < books.length; i++) {
            document.write(`
            <li>
                <a href='#'>${books[i]}</a>
            </li>
            `)
        }

        // 3. 输出ul的结束部分
        document.write('</ul>')
    </script>

06-数组循环求和

    <script>
        // 求和：空框思想

        let arr = [1, 2, 3, 4, 5]

        // 1. 定义框：let sum = 0
        let sum = 0;
        // 2. 遍历：取出每个元素，累加到sum中
        for (let i = 0; i < arr.length; i++) {
            // 取出 arr 里面 每次执行的下标 值
            sum += arr[i]
        }
        document.write(sum)


        //以下为一种优化写法
        // let sum = arr[0]
        // for (let i = 1; i < arr.length; i +=) {
        //     aum += arr[i]
        // }
        // 使代码 循环 少执行一次
    </script>

07-对象遍历 for-in {}

    <script>
        // 对象遍历：for-in
        let hero = {
            name: '德莱厄斯',
            gender: '男',
            age: 25,
            skill: '自残打击',


            girl: {
                name: '李四',
                age: 25,
            },

        }

        for (let key in hero) {
            console.log(hero[key]);
        }
        for (let key in hero.girl) {
            console.log(hero.girl[key]);
        }


    </script>