JS声明数组方法和数组增删改查

1.声明数组

两种方法

先声明，再赋值
(1)let arr=new Array() —[]
(2)let arr=[];

2.操作 :增 删 改 查

(1)增 —索引号 从0起步
数组名[索引号]=值
可以不按顺序
没有数据的地方,表现 空属性 empty
(2)改
数组名[索引号]=新值;
(3)删 —不是太好，有什么问题?
delete 数组名[索引号];
只能清掉里面的数据,对应索引号的位置还在
真正把位置也删除 内置方法可以解决
(4)查

   console.log(数组名[索引号])
   let a=数组名[索引号];

(5)遍历 (循环) 属性length长度 数组中数组的个数 arr[arr.length] 没有数据，数组中数据的个数，比数组中最大的索引号大1(0起步)

console.log(arr.length);
//法一：
for(let i=0;i<arr.length;i++){
    console.log(i);//索引号
    console.log(arr[i])
}

//法二
for(let i in arr){
    console.log(i);
}

案例1

      /*
        打印图形
        *****
        *****
        *****
        *****
        *****
     -->*/
     <script>
        //外层循环控制行数
        for (let i = 0; i< 5; i++) {
             //内层循环控制每行星的个数
            for (let j = 0; j < 5; j++) {
                document.write('*');
                
            }
            document.write('<br>')
        }

        /*打印图形
                       行号 i=        星的个数
        *           1               1
        **           2               2
        ***          3               3
        ****           4               4
        *****       
        */
        for (let i = 0; i< 5; i++){
            for (let j = 0; j < i; j++){
                  document.write('*');
            }
            document.write('<br>')
        }
           /*等腰三角形    行号i=         星的个数      空格的个数
          *             1               1             4
         ***            2               3             3
       ******           3               5             2
      *********         4               7             1
     ***********         星的个数= 2*i-1    空格的个数=总行数-行数i
        */
        for (let i = 1; i <= 5; i++) {
            //先打空格
            for (let k = 1; k <=5-i; k++) {
                document.write('&nbsp');               
            }
            for (let j = 1; j <=2*i-1; j++) {
                document.write('*');
            }
            document.write('<br>');
          }
     </script>
     

案例2

打印九九乘法表

  <script>
        let str='<table>'
            //外层循环控制行数
            for (let i = 1; i < 9; i++) {
                str+='<tr>'
               //内层循环控制td的个数
               for (let j = 1; j <i; j++) {
                str+=`<td>
                    ${j}x${i}=${j*i}                  
                    </td>`               
               }
                    str+='</tr>'               
            }
            str+='</table>'
            document.write(str);
    </script>
               
            }
            str+='</table>'
            document.write(str);
    </script>