js列印數組結構

㈠ js創建數組及數組元素

1、字面量的方式創建數組 ：

         let arr = ['張三','李四','王五'];

        let num = [11,22,33,44]；

        console.log(arr); 

         數組的下標從0開始 

 2、構造函數的方式創建數組 

        new Array(size);

        表示數組中可存放的元素總數

        規定了總數 但是添加一個數 總數也會增

        new Array()實例化一個數組對象 

         let arr = new Array(3)

         arr = [1,2,3,4] 

        聲明時賦值 ：

         let arr = new Array(1,2,3,4,5,6) 

        分別賦值 ：

         let arr = new Array(3);

        arr[0] = 'zhangsan';

        arr[1] = 'lisi';

        arr[2] = 'wangwu' ；

 3、通過數組的名稱和下標直接訪問數組的元素 

         console.log(arr[1]); 

        for(var i in arr){

            console.log(arr[i]); } 

  4、屬性   length  設置或返回數組中元素的數目 

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

         console.log(arr.length); 

  5、 join( )  把數組的所有元素放入一個字元串，通過一個分隔符進行分隔 

        把數組轉成字元串 

        let newstr = arr.join(); 

         join()裡面沒有傳任何參數 默認以逗號連接 

         join('') 數字中間沒有任何字元拼接

        let newstr = arr.join('+');

         console.log( typeof(newstr) ); 

       console.log(newstr);

   6、 sort()   對數組排序 

         隱式數據類型轉換 會字元串類型的轉成數字類型進行排序 

        let arr = ['2', '3', '1', '5', '0'];

        let newarr = arr.sort(); 

         sort方法 會把老數組和新產生的數組都進行排序 

        console.log(arr, newarr); 

       sort()對應多位數排序會出現問題

        let arr = [2,22,3,32,1,12,100];

       sort 給我們提供的解決方法 

         arr.sort(function(a,b){

         從小到大的順序 

          return a-b; 

        從大到小的順序 

          return b-a; })

         console.log(arr);

7、 push()   向數組末尾添加一個或更多元素，並返回新的長度 

         在外面定義的叫全局變數 

        let stu = ['小張','小王','小李'];

      console.log(stu); 

    方法裡面的叫局部區域 

        function fn(){

   因為stu 是全局的 所以在方法裡面 可以獲取到

    數組可以添加重復的數據 

    push也可以添加多個數據 

           let a = stu.push('麗麗','倩倩','雯雯')

            console.log(a);

          console.log(stu);}

         定義一個空數組 點擊添加按鈕 可以在空數組裡面添加

        姓名 點擊一個添加 可以把數組使用 dw 顯示在頁面上 

         let arr = []

         function fn(){

             arr.push('xiaoa')

        document.write有個缺陷，用按鈕點擊的時候

            會把整個頁面進行重新繪制，導致頁面原來的內容丟失  

           document.write(arr)} }

8、 concat() 合並兩個數組 

        對原來的兩個數組 沒有任何改變，會生成一個拼接好的新數組 

         let arr1 = [1,2,3];

         let arr2 = [4,5,6];

         let arr3 = [7,8,9]

     拼接多個數組 

       let newarr = arr1.concat(arr2).concat(arr3);

      console.log('arr1',arr1);

         console.log('arr2',arr2); 

      console.log('newarr',newarr);

        es6合並數組 要是用擴展運算符 ... 

         等同於 [1,2,3] 把arr1的括弧去掉，

        把裡面的內容拿出來了 

        let newarr = [...arr1]; 

         let newarr = [...arr1,...arr2,...arr3];

         console.log(newarr);

        eg1：定義  三個數組  分別是 三組學生的信息 第一組 姓名 年紀  性別 

        把三個數組 拼接起來 使用兩種方式 

        數組中的splice方法 可以對數組進行增刪改 

        splice()裡面有三個參數，

        第一個參數表示 你要操作的數組元素的索引

        第二個參數表示 你要從你選擇的索引開始要刪除的個數

        第三個參數表示 你要添加的數組元素

        let arr = ['張三','李四','王五']; 

         刪除李四 

        arr.splice(1,1) 

        把王五修改成麗麗 

         arr.splice(2,1,'麗麗') 

        添加 你想在哪裡添加就在哪裡添加 

        把倩倩放在數組索引為2的位置 因為第二個參數是0 所以王五不會被刪除 

         arr.splice(2,0,'倩倩') 

        使用splice在數組的末尾添加 

        arr.splice(3,0,'倩倩') 

        在任意數組末尾的位置進行添加 

        arr.splice(arr.length,0,'倩倩')

        console.log(arr); 

         eg2：寫一個數組 裡面有姓名 年紀 性別 展示在頁面上

         再寫三個按鈕 點擊 可以實現

        數組的末尾添加一個信息 刪除年紀  修改性別  點擊完成之後

        數組的最終結果使用alert列印出來 

         let arr = ['張三',20,'男'];

        document.write(arr);

         function fn(str){

            if(str=='add'){

                 arr.splice(arr.length,0,'賓士')

                alert(arr)    }

            if(str=='del'){

                 arr.splice(1,1)

              alert(arr)   }

           if(str=='update'){

               arr.splice(1,1,'女')

              alert(arr） } }

         let arr = ['張三','李四','王五'] 

         push在數組的末尾添加一個元素 

         pop 刪除數組的最後一個元素

         arr.pop();

        console.log(arr); 

        shift 刪除數組的最前面的一個元素 

        arr.shift();

        console.log(arr); 

        unshift 在數組的最前面添加一個數組 

        arr.unshift('麗麗')

        console.log(arr);

㈡ js如何取select的值，並輸出為一個數組

思路：通過id獲取<select>對象，然後循環獲取select對象的option的文本值，關鍵代碼如下：

obj=document.getElementById(select_id);
str=[];
for(i=0;i<obj.length;i++)
str[i]=obj[i].text;

下面進行實例演示：

1、HTML結構

<selectid="test">
	<optionvalue="1">test1</option>
	<optionvalue="2">test2</option>
	<optionvalue="3">test3</option>
</select>	
<inputtype='button'value='獲取'onclick="fun()"/>

2、javascript代碼

functionfun(){
	obj=document.getElementById("test");
	str=[];
	for(i=0;i<obj.length;i++){
		str[i]=obj[i].text;
	}
	alert(str)
}

3、點擊按鈕後顯示獲取到的下拉列表項數組元素

㈢ js怎麼列印json數組

假設你這個變數是a= json格式
var b = JSON.parse(a)
b.district就列印出義烏了

㈣ js中怎樣列印結果

一般是用alert();來彈出顯示變數的值，js中沒有控制台列印的說法，或者你可以把變數的值放在html標簽中去顯示，但是這種方式沒有alert();來的直接，希望可以幫助到你，望採納，謝謝！

㈤ JS循環輸出數組裡面的數據

並不是沒有循環出來，每次循環都把前面的值覆蓋了

varstr="";
for(leti=0;i<req.list.length;i++){
str+=req.list[i].ctitle;
}
$('.headerlia').text(str)

你可以這樣先把字元串拼起來回，做完循環一次性放入答a標簽里，用什麼符號分割你自己決定