最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

一篇文章帶你詳細(xì)了解JavaScript數(shù)組

 更新時(shí)間:2021年09月27日 16:13:38   作者:WEB程序媛  
本文是小編給大家特意整理的關(guān)于JavaScript數(shù)組的知識(shí),非常實(shí)用,在面試筆試題中經(jīng)常用得到,有需要的朋友可以參考下

數(shù)組:是一組有序的數(shù)據(jù)

一、數(shù)組的作用:

可以一次性存儲(chǔ)多個(gè)數(shù)據(jù)

二、數(shù)組的定義:

1.通過(guò)構(gòu)造函數(shù)創(chuàng)建數(shù)組

語(yǔ)法:

var 數(shù)組名=new Array();
var array=new Array();//定義了一個(gè)數(shù)組

//通過(guò)構(gòu)造函數(shù)的方式定義一個(gè)數(shù)組
var array=new Array();//沒(méi)有數(shù)據(jù)的空數(shù)組

數(shù)組中的數(shù)據(jù)如果直接輸出,那么就可以直接把數(shù)組中的數(shù)據(jù)顯示出來(lái);如果沒(méi)有數(shù)據(jù)就看不到數(shù)據(jù)。

var 數(shù)組名=new Array(長(zhǎng)度);

如果數(shù)組中沒(méi)有數(shù)據(jù),但是有長(zhǎng)度,數(shù)組中的每個(gè)值就是undefined。

用構(gòu)造函數(shù)的方式創(chuàng)建數(shù)組的時(shí)候,如果是Array(一個(gè)數(shù)字)→指數(shù)組的長(zhǎng)度(即數(shù)組元素的個(gè)數(shù));如果是Array(多個(gè)值)→指這個(gè)數(shù)組中就有數(shù)據(jù)了,數(shù)組的長(zhǎng)度就是這些數(shù)據(jù)的個(gè)數(shù)。

2.通過(guò)字面量的方式創(chuàng)建數(shù)組

語(yǔ)法:

var 數(shù)組名=[ ];//空數(shù)組

var arr=[];
console.log(arr);//Array[0]

總結(jié):

無(wú)論是構(gòu)造函數(shù)的方式,還是字面量的方式定義的數(shù)組,如果有長(zhǎng)度,那么默認(rèn)是undefined

三、數(shù)組元素

數(shù)組中存儲(chǔ)的每個(gè)數(shù)據(jù),都可以叫數(shù)組的元素

比如:數(shù)組中存儲(chǔ)了3個(gè)數(shù)組,那么這個(gè)數(shù)組就有3個(gè)元素

四、數(shù)組長(zhǎng)度

數(shù)組長(zhǎng)度就是元素的個(gè)數(shù)

比如:有3個(gè)元素,就說(shuō)這個(gè)數(shù)組的長(zhǎng)度是3

var arr1=new Array();//用構(gòu)造函數(shù)的方式創(chuàng)建了一個(gè)空數(shù)組
var arrr2=new Array(5);//用構(gòu)造函數(shù)的方式創(chuàng)建了一個(gè)長(zhǎng)度為5的數(shù)組,這個(gè)數(shù)組有5個(gè)值,且都為undefined
var arr3=new Array(10,20,30,40,50);//構(gòu)造函數(shù)的方式創(chuàng)建了一個(gè)長(zhǎng)度為5,每個(gè)值都有意義的數(shù)組

五、數(shù)組索引(下標(biāo))

數(shù)組的索引,或者數(shù)組的下標(biāo)。是用來(lái)存儲(chǔ)或訪(fǎng)問(wèn)我數(shù)組中的數(shù)據(jù),從0開(kāi)始到長(zhǎng)度-1結(jié)束

如何設(shè)置數(shù)組中某個(gè)位置的值:

數(shù)組名[下標(biāo)]=值;

例如:arr[3]=100;

如何獲取數(shù)組中某個(gè)位置的值:

var result=數(shù)組名[下標(biāo)];

console.log(result);

//獲取數(shù)組中第4個(gè)值
var arr =new Array(10,20,30,40,100);
console.log(arr[4]);//100
//將下標(biāo)為3的值改為1000
arr[3]=1000;
//用字面量的方式獲取數(shù)組的長(zhǎng)度
var arr1=[10,20,30,40,50,12];
console.log(arr.length);//6

數(shù)組長(zhǎng)度和索引的關(guān)系:

長(zhǎng)度-1=索引

六、數(shù)組注意的問(wèn)題

1.數(shù)組中存儲(chǔ)的數(shù)據(jù)可以是不一樣的

arr=[10,"哈哈",true,null,undefined,new Object()];

2.數(shù)組的長(zhǎng)度是可以改變的

var arr = [];
    // 通過(guò)索引來(lái)設(shè)置數(shù)組中的元素的值
    arr[0] = 10;
    arr[1] = 20;
    console.log(arr.length); //2
    // 通過(guò)索引的方式獲取元素的值
    console.log(arr[2]); //undefined

3.總之

var arr1 = new Array(); //空數(shù)組
var arr2 = new Array(5); //長(zhǎng)度為5的數(shù)組,每個(gè)數(shù)組的值是undefined
var arr3 = new Array(1, 2, 3, 4, 5); //長(zhǎng)度為5的數(shù)組,每個(gè)值都有意義
var arr4 = []; //空數(shù)組
var arr5 = [1, 2, 3]; //長(zhǎng)度為3的數(shù)組
var arr6 = ["red", "blue", 1, true]; //長(zhǎng)度為4,元素?cái)?shù)據(jù)類(lèi)型不一樣的數(shù)組
var arr7 = [];
// 聲明一個(gè)空數(shù)組,給數(shù)組中添加值
arr7[0] = 10;
arr7[1] = 30;

七、遍歷數(shù)組

1.正序遍歷

var arr=[10,20,30,40,50,60,70,80,90,100];
// i表示數(shù)組的下標(biāo)
// 最后一個(gè)數(shù)的下標(biāo)等于數(shù)組的長(zhǎng)度減一
for(var i=0;i<arr.length;i++){
    console.log(arr[i]);
}

2.倒序遍歷

var arr = [10, 20, 30, 40, 100];
// i最開(kāi)始輸出最后一個(gè)數(shù),到0的時(shí)候結(jié)束循環(huán)
for (var i = arr.length - 1; i >= 0; i--) {
    console.log(arr[i]);
}

八、數(shù)組中常見(jiàn)的案例

1.求數(shù)組中所有元素的和

var arr = [10, 20, 30, 40, 100];
// 用來(lái)存儲(chǔ)相加后的總和
 var sum = 0;
 for (var i = 0; i < arr.length; i++) {
     sum += arr[i];
 }
 console.log(sum);//200

2.求數(shù)組的平均數(shù)

var arr = [10, 20, 30, 40, 100];
// 用來(lái)存儲(chǔ)相加后的總和
var sum = 0;
for (var i = 0; i < arr.length; i++) {
    sum += arr[i];
}
console.log(sum / arr.length); //40

3.求數(shù)組的最大值和最小值

var arr = [10, 20, 30, 40, 100];
// 假設(shè)數(shù)組中第一個(gè)數(shù)是最大的,并將它賦值給一個(gè)變量
var max = arr[0];
// 假設(shè)數(shù)組中第一個(gè)數(shù)是最小的,并將它賦值給一個(gè)變量
var min = arr[0];
for (var i = 0; i < arr.length; i++) {
    //用數(shù)組中的值和max進(jìn)行比較,如果比max大,則將那個(gè)數(shù)賦值給max
    if (max < arr[i]) {
        max = arr[i];
    }
    //用數(shù)組中的值和min進(jìn)行比較,如果比min小,則將那個(gè)數(shù)賦值給min
    if (min > arr[i]) {
        min = arr[i];
    }
}
console.log(max); //100
console.log(min); //10

4.冒泡排序

var arr = [10, 30, 20, 65, 40, 8, 100];
//由小到大排序
for (var i = 0; i < arr.length; i++) {
    for (var j = 0; j < arr.length - i; j++) {
        if (arr[j] > arr[j + 1]) {
            var temp = arr[j];
            arr[j] = arr[j + 1];
            arr[j + 1] = temp;
        }
    }
}
console.log(arr);
//由大到小排序
for (var i = 0; i < arr.length; i++) {
    for (var j = 0; j < arr.length - i; j++) {
        if (arr[j] < arr[j + 1]) {
            var temp = arr[j];
            arr[j] = arr[j + 1];
            arr[j + 1] = temp;
        }
    }
}
console.log(arr);

冒泡排序

總結(jié)

本篇文章就到這里了,希望能夠給你帶來(lái)幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!

相關(guān)文章

  • 控制臺(tái)報(bào)錯(cuò):Cannot?access?'xxx'?before?initialization解決方法

    控制臺(tái)報(bào)錯(cuò):Cannot?access?'xxx'?before?initializatio

    這篇文章主要給大家介紹了關(guān)于控制臺(tái)報(bào)錯(cuò):Cannot?access?'xxx'?before?initialization的解決方法,文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-11-11
  • js的各種排序算法實(shí)現(xiàn)(總結(jié))

    js的各種排序算法實(shí)現(xiàn)(總結(jié))

    下面小編就為大家?guī)?lái)一篇js的各種排序算法實(shí)現(xiàn)(總結(jié))。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-07
  • Threejs實(shí)現(xiàn)滴滴官網(wǎng)首頁(yè)地球動(dòng)畫(huà)功能

    Threejs實(shí)現(xiàn)滴滴官網(wǎng)首頁(yè)地球動(dòng)畫(huà)功能

    這篇文章主要介紹了Threejs實(shí)現(xiàn)滴滴官網(wǎng)首頁(yè)地球動(dòng)畫(huà)效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-07-07
  • JS模式之單例模式基本用法

    JS模式之單例模式基本用法

    這篇文章主要介紹了JS模式之單例模式基本用法,實(shí)例分析了javascript單例模式的基本實(shí)現(xiàn)方法,需要的朋友可以參考下
    2015-06-06
  • JS?加載性能Tree?Shaking優(yōu)化詳解

    JS?加載性能Tree?Shaking優(yōu)化詳解

    這篇文章主要為大家介紹了JS?加載性能Tree?Shaking優(yōu)化詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • ECharts餅圖顏色設(shè)置的4種方式總結(jié)

    ECharts餅圖顏色設(shè)置的4種方式總結(jié)

    這篇文章主要給大家介紹了關(guān)于ECharts餅圖顏色設(shè)置的4種方式,ECharts餅圖的顏色可以通過(guò)多種方式進(jìn)行設(shè)置,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-09-09
  • ES7中利用Await減少回調(diào)嵌套的方法詳解

    ES7中利用Await減少回調(diào)嵌套的方法詳解

    大家都知道在ES7中有了標(biāo)準(zhǔn)的回調(diào)函數(shù)嵌套的解決方案,新增了 async/await兩個(gè)關(guān)鍵詞,所以這篇文章主要給大家介紹了關(guān)于Javascript中如何利用Await減少回調(diào)嵌套的相關(guān)資料,需要的朋友可以參考借鑒,下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-11-11
  • js將json格式的對(duì)象拼接成復(fù)雜的url參數(shù)方法

    js將json格式的對(duì)象拼接成復(fù)雜的url參數(shù)方法

    下面小編就為大家?guī)?lái)一篇js將json格式的對(duì)象拼接成復(fù)雜的url參數(shù)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-05-05
  • 基于javascript實(shí)現(xiàn)全國(guó)省市二級(jí)聯(lián)動(dòng)下拉選擇菜單

    基于javascript實(shí)現(xiàn)全國(guó)省市二級(jí)聯(lián)動(dòng)下拉選擇菜單

    這篇文章主要介紹了基于javascript實(shí)現(xiàn)全國(guó)省市二級(jí)聯(lián)動(dòng)下拉選擇菜單,以一個(gè)完整實(shí)例形式較為詳細(xì)的分析了js實(shí)現(xiàn)省市二級(jí)聯(lián)動(dòng)下拉菜單的實(shí)現(xiàn)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2016-01-01
  • 關(guān)于RequireJS的簡(jiǎn)單介紹即使用方法

    關(guān)于RequireJS的簡(jiǎn)單介紹即使用方法

    下面小編就為大家?guī)?lái)一篇關(guān)于RequireJS的簡(jiǎn)單介紹即使用方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-10-10

最新評(píng)論

遵化市| 岚皋县| 海阳市| 潮安县| 琼海市| 江源县| 武鸣县| 上思县| 筠连县| 米泉市| 鹤庆县| 宁城县| 柯坪县| 仁化县| 岳阳县| 桐庐县| 阳春市| 敦煌市| 曲沃县| 合水县| 夏邑县| 乐平市| 井陉县| 凤山市| 从江县| 九寨沟县| 土默特左旗| 巴中市| 黄冈市| 彰武县| 潍坊市| 兰考县| 乐亭县| 社旗县| 同江市| 屯门区| 房山区| 新泰市| 北流市| 岳池县| 泸定县|