js中數組實例,js 數組

本文目錄一覽：

• 1、js中的數組應用實例
• 2、js把循環出來的數放到數組中
• 3、JS生成不重複的隨機數組的簡單實例
• 4、原生JS中數組常見的方法

js中的數組應用實例

比如說頁面中有很多input

type=’text’

name=‘inp_txt’，

以10個為例吧

你想要操作這些元素時就要把它們全部獲取，不用數組來操作的話就要分別獲取並操作10次。

用數組獲取

var

inp=document.getElementsByName(“inp_txt”),

for(var

i=0;iinp.length;i++){

document.write(inp[i].value)//循環操作每個input

}

這樣就可以一次獲取並操作全部

所以說：

數組的好處是——可以方便的將一大堆數據進行重複操作

js把循環出來的數放到數組中

//定義數組

arr = [];

//循環

for(var i=0;i10;i++){

//放入數組

arr.push(i);

}

JS生成不重複的隨機數組的簡單實例

JS生成不重複的隨機數組的簡單實例

//獲取數組中的隨機數

//HF.Math.RandomNumbers是前綴，可以自己定義，主要看邏輯代碼

HF.Math.RandomNumbers

=

function

(startNum,

endNum,

count,

repeat)

{

var

ret

=

[];

if

(repeat)

{

for

(var

i

=

0;

i

count;

i++)

{

ret[i]

=

HF.Math.Random(startNum,

endNum);

}

return

ret;

}

var

tmp

=

[];

var

i

=

0;

for

(var

s

=

startNum;

s

=

endNum;

s++)

{

tmp[i++]

=

s;

}

var

l

=

tmp.length;

for

(i

=

0;

i

count;

i++)

{

ret[i]

=

HF.Array.Remove(tmp,

HF.Math.Random(0,

–l));

}

return

ret;

}

以上這篇JS生成不重複的隨機數組的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

原生JS中數組常見的方法

1.

shift()：刪除數組中第一個元素，並將長度減1，下面舉例：

var arr = [‘王思聰’, ‘孫一寧’, ‘劉強東’, ‘奶茶’, ‘簽字哥’, ‘都美竹’]

 var res = arr.shift()

console.log(res)  //打印出來返回值是被刪除的數組元素

2.

 pop():刪除數組中最後一個元素，並將長度減1,下面舉例：

var arr = [‘王思聰’, ‘孫一寧’, ‘劉強東’, ‘奶茶’, ‘簽字哥’, ‘都美竹’]

 var res = arr.pop()

console.log(res) //打印出來返回值是刪除的數組元素

3.

unshift():往數組前面添加一個或多個數組元素，長度要改變，下面舉例：

var res = arr.unshift(‘張姨’, 18)

  console.log(res)

   console.log(arr) // 返回值是增加後數組的長度

4.

push():往數組結尾添加一個或多個數組元素，長度要改變

var res = arr.push(‘隨便’, ‘哈哈’)

console.log(arr)

console.log(res)

5.

為了更好的代入，下面我們來看一個綜合的列子：

var arr = [0, 1, ‘a’, 0, 66, 0, 0]

要求將數組中的0項去掉，將不為0的值存入一個新的數組，生成新的數組

聲明一個新的數組

var newArr = []

遍歷

for(var i=0; iarr.length; i++){

            //把0的數組元素刪除掉

            if(arr[i]==0){

                continue

            }

            //把這些數據添加到新的數組

            newArr.push(arr[i])

        }

        console.log(newArr)  //最後輸出查看結果

6.

concat() : 方法用於連接兩個或多個數組, 不改變原數組。返回一個新的數組

var arrName1 = [‘簽字哥’, ‘李某迪’, ‘波哥’, ‘王思聰’]

var arrName2 = [‘馬雲’, ‘馬化騰’, ‘王健林’, ‘盧本偉’]

var newData = arrName1.concat(arrName2)

console.log(newData)

7.

reverse()  逆向排序, 原數組也被逆向排序了（倒置）

var numArr = [10, 9, 8, 7, 6, 5, 11]

var res = numArr.reverse()

console.log(res)

console.log(numArr)

8.

toString()  將數組轉成字符串，推薦使用

var numArr = [10, 9, 8, 7, 6, 5, 11]

toString()屬於一個對象的方法

var res = numArr.toString()

console.log(res)

String它是強制數據類型轉換的方法，它不屬於數組這個對象

9.

join(“拼接符”)將數組轉成字符串，中間以拼接符連接

var numArr = [10, 9, 8, 7, 6, 5, 11]

var res = numArr.join(”)

console.log(res)

10.

  slice(start,end):  不修改原數組, 將原數組中的指定區域數據提取出來。start開始 end結束。

            如果參數是負值表示從倒數開始。不含結束位置

                                   0         1        2(不包含結束位置)

 var arrName = [‘簽字哥’, ‘李某迪’, ‘波哥’, ‘王思聰’]

var res = arrName.slice(0, 2)

 console.log(res)

11.

splice

            刪除：用於刪除元素，兩個參數，第一個參數（要刪除第一項的位置），第二個參數（要刪除的項數）

            插入：向數組指定位置插入任意項元素。三個參數，第一個參數（開始位置），第二個參數（0），第三個參數（插入的項）

            注意點：第二個參數（0）為0不會刪除任何項

            替換：向數組指定位置插入任意項元素，同時刪除任意數量的項，三個參數。第一個參數（起始位置），第二個參數（刪除的項數），第三個參數（插入任意數量的項）

 var arrName = [‘簽字哥’, ‘李某迪’, ‘波哥’, ‘王思聰’]

       //刪除

        //var res = arrName.splice(0, 3)

        //返回值是被刪除的數組元素

        //console.log(res)

        //插入

        // arrName.splice(0, 0, ‘嘿嘿’, ‘哈哈’)

        // console.log(arrName)

       //替換

        arrName.splice(0, 2, ‘都美竹’, ‘hello’)

        console.log(arrName)