數(shù)組

數(shù)組

就是一組數(shù)據(jù),這組數(shù)據(jù)可以是任意類型,任意個(gè)數(shù).
使用單獨(dú)的變量名來(lái)存儲(chǔ)一系列的值, 數(shù)組是特殊的變量狞山,它可以同時(shí)保存一個(gè)以上的值嫌套。
如上節(jié)課中我們學(xué)過(guò)的arguments就是一個(gè)數(shù)組, 里面保存了多個(gè)參數(shù).

數(shù)組的創(chuàng)建方式
1. var arr = []; // 推薦寫法
2. var arr=new Array();
3. var arr=Array();

創(chuàng)建數(shù)組的時(shí)候,如果只有一個(gè)默認(rèn)的值,它表示數(shù)組的長(zhǎng)度

var arr = new Array(10); //10數(shù)組的長(zhǎng)度
var arr = new Array(10, 20);// 該數(shù)組有2個(gè)成員,10,20

數(shù)組都有一個(gè)length屬性
該屬性的值可以被修改,一旦被修改,它的成員也會(huì)發(fā)送變化
數(shù)組的下標(biāo)從0開(kāi)始, 所以數(shù)組的最后一個(gè)元素的下標(biāo)為: arr.length – 1
注意: 下標(biāo)可以是變量或表達(dá)式

數(shù)組的方法

push(參數(shù)1,參數(shù)2...) 推,往數(shù)組的最后位置添加成員,并返回?cái)?shù)的新長(zhǎng)度

var arr = [11, 22, 33, 44, 55];
var size = arr.push("劉德華", "蔡徐坤");

pop() 刪除數(shù)組的最后一位,并返回被刪除的元素

var arr = [11, 22, 33, 44, 55];
        // arr.length = arr.length - 1;
var ele = arr.pop()

shift() 刪除數(shù)組的第1位,并返回被刪除的元素

var arr = [11, 22, 33, 44, 55];
console.log(arr.shift());

unshift(參數(shù)1,參數(shù)2...) 往數(shù)組的第一位添加成員,并返回?cái)?shù)組的新長(zhǎng)度

var arr = [11, 22, 33, 44, 55];
var size = arr.unshift("你好", "他好");

隊(duì)列方法和棧方法

隊(duì)列方法,排隊(duì), 先進(jìn)先出 (FIFO first-in-first-out) push()+shift();

var arr = []
arr.push(11)
arr.push(22)
arr.push(33)
console.log(arr);
arr.shift()
console.log(arr);

棧方法 ,后進(jìn)先出 (LIFO last-in-first-out)

       //后進(jìn)先出方式1
        var arr = []
        arr.push(11)
        arr.push(22)
        arr.push(33)
        console.log(arr);
        arr.pop()
        console.log(arr);
        //后進(jìn)先出方式2
        var arr = []
        arr.unshift(11)
        arr.unshift(22)
        arr.unshift(33)
        console.log(arr);
        arr.shift()
        console.log(arr);

sort(); 排序

var arr = [5, 4, 3, 6, 8, 7];
1.從小到大 升序
arr.sort()
console.log(arr);
2.解決 10以上的排序
var arr = [11, 1, 9, 8, 22, 2];
回調(diào)函數(shù):把一個(gè)函數(shù)當(dāng)前另外一個(gè)函數(shù)的參數(shù)
arr.sort(function (n, m) {
 return n - m;
   return m - n; // 返回1或0, 表示會(huì)交換值
    })
  console.log(arr);

 function compare (value1, value2) {
    if (value1 <= value2) {
            return -1;  //返回0和-1, 表示不交換值
    }
    return 1;   //返回1, 表示會(huì)交換值
      }
      var box = [0, 1, 5, 10, 15];
      var aseBox = box.sort(compare);   //返回升序的數(shù)組

倒序reverse()

var arr = ["你", "好", "啊"];
arr.reverse()

concat 合并數(shù)組,返回一個(gè)新的數(shù)組,不會(huì)改變?cè)瓉?lái)的數(shù)組
還能實(shí)現(xiàn)數(shù)組的拷貝 (淺拷貝)

var arr1 = [11, 22, 33];
var arr2 = ["aa", "bb", "cc"];
var arr3 = arr1.concat(arr2);

拷貝數(shù)組

var arr = [11, 22, 33];
var arr2 = [].concat(arr);

join(),把指定的數(shù)組,轉(zhuǎn)換成字符串
默認(rèn)是以,隔開(kāi).也可以指定格式的字符串

 var arr = [2021, 12, 12];  // 2021-12-12
        var str = arr.join()
        console.log(str);
        var str = arr.join("")
        console.log(str);
        var str = arr.join("-")
        console.log(str);

indexOf 找到了返回下標(biāo),找不到返回-1
ndexOf 可以有2個(gè)參數(shù),第一個(gè)參數(shù),要找的元素,第2個(gè)參數(shù) 從那個(gè)個(gè)位置開(kāi)始,默認(rèn)是0開(kāi)始

var arr = [11, 22, 33, 44, 55, 44, 77, 44, 99]; console.log(arr.indexOf(44));

slice() 截取,返回一個(gè)新的數(shù)組,不會(huì)改變?cè)瓉?lái)的數(shù)組,第一個(gè)參數(shù) 開(kāi)始位置,第2個(gè)參數(shù) 結(jié)束位置(多數(shù)1位),如果只有1個(gè)參數(shù),開(kāi)始到最后位置

var arr = [11, 22, 33, 44, 55, 66];
var res = arr.slice(2, 4)

splice()
2個(gè)參數(shù) 刪除 第一個(gè)參數(shù)表示開(kāi)始位置,第二個(gè)參數(shù)表示刪除的長(zhǎng)度
3個(gè)參數(shù)
第2個(gè)參數(shù)0,插入
第2個(gè)參數(shù)1以上,替換

var arr = [11, 22, 33, 44, 55];
        var arr2 = arr.splice(3, 1)
        console.log(arr);
        console.log(arr2);
        // 插入
        var arr = [11, 22, 33, 44, 55];
        arr.splice(3, 0, "你好");
        console.log(arr);
        // 替換
        var arr = [11, 22, 33, 44, 55,66];
        arr.splice(3, 2, "你好");
        console.log(arr);

循環(huán)

     // for
        var arr = [11, 22, 33, 44, 55];
        for (var i = 0; i < arr.length; i++) {
            console.log(i, arr[i]);
        }
        // for ..in
        var arr = [11, 22, 33, 44, 55];
        for (var key in arr) {
            console.log(key, arr[key]);
        }
        console.log("-----------------");
        var arr = new Array(10);
        arr[2] = "11";
        arr[5] = "22";
        arr[7] = "你好";
        console.log(arr);

        for (var i = 0; i < arr.length; i++) {
            console.log(arr[i]);
        }
        console.log("-----------------");

        for (var key in arr) {
            console.log(arr[key]);
        }
        //for和forin的區(qū)別?
        //for跟length長(zhǎng)度,決定遍歷的次數(shù)
        //forin 根據(jù)有多少個(gè)具體元素,而遍歷次數(shù)
        //for 下標(biāo)是數(shù)值類型,for..in的key 是字符串類型

JS字符串的概念
字符串就是一串字符丢烘,由雙(單)引號(hào)括起來(lái)牧抽。
字符串是 JavaScript 的一種數(shù)據(jù)類型。

 方式一(推薦):  var str = ‘親’;    //基本類型 
   定義了一個(gè)字符串變量str瓶埋,內(nèi)容為'親'

  方式二: var str = new String(“hello”);       //引用類型
  定義一個(gè)字符串變量str篮愉,內(nèi)容為hello,
  注意: 此刻str為引用類型(object對(duì)象)
           用new產(chǎn)生的變量都是引用類型的變量集侯,也叫對(duì)象

方式三: var str = String(‘hello’);

new String()和String()的區(qū)別
var s1 = new String(‘hello world’);
var s2 = String(‘hello world’);
console.log(typeof s1); //object
console.log(typeof s2); //string
length: 表示字符串的長(zhǎng)度
注意: ECMAScript 中的字符串是不可變的; 也就是說(shuō)被啼,字符串一旦創(chuàng)建帜消,它們的值就不能改變.
如果要改變某個(gè)變量保存的字符串,首先要銷毀原來(lái)的字符串浓体,然后再用另一個(gè)包含新值的字符串填充該變量.
str.charAt(3): 獲取下標(biāo)為3的字符
str.charCodeAt(3): 獲取下標(biāo)為3的字符的編碼(ASCII碼)
String.fromCharCode(94); ASCII編碼轉(zhuǎn)換成字符
str.concat(); 連接字符串
str.indexOf(“abc”); 查找字符串第一次出現(xiàn)的位置, 如果沒(méi)找到則返回-1
str.lastIndexOf(“abc”); 查找字符串最后一次出現(xiàn)的位置, 如果沒(méi)找到則返回-1
str.search(); 正則匹配 (返回第一次出現(xiàn)的位置)
str.replace(); 替換字符串
str.substring(start,end); 截取字符串 范圍是[start, end)
str.split(separator, howmany); 根據(jù)分隔符泡挺、拆分成數(shù)組
str.toLowerCase(); 把字符串轉(zhuǎn)換成小寫
str.toUpperCase(); 把字符串轉(zhuǎn)換成大寫

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市命浴,隨后出現(xiàn)的幾起案子娄猫,更是在濱河造成了極大的恐慌,老刑警劉巖生闲,帶你破解...
    沈念sama閱讀 219,366評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件媳溺,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡跪腹,警方通過(guò)查閱死者的電腦和手機(jī)褂删,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)冲茸,“玉大人屯阀,你說(shuō)我怎么就攤上這事≈崾酰” “怎么了难衰?”我有些...
    開(kāi)封第一講書人閱讀 165,689評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)逗栽。 經(jīng)常有香客問(wèn)我盖袭,道長(zhǎng),這世上最難降的妖魔是什么彼宠? 我笑而不...
    開(kāi)封第一講書人閱讀 58,925評(píng)論 1 295
  • 正文 為了忘掉前任鳄虱,我火速辦了婚禮,結(jié)果婚禮上凭峡,老公的妹妹穿的比我還像新娘拙已。我一直安慰自己,他們只是感情好摧冀,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,942評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布倍踪。 她就那樣靜靜地躺著,像睡著了一般索昂。 火紅的嫁衣襯著肌膚如雪建车。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,727評(píng)論 1 305
  • 那天椒惨,我揣著相機(jī)與錄音缤至,去河邊找鬼。 笑死康谆,一個(gè)胖子當(dāng)著我的面吹牛领斥,可吹牛的內(nèi)容都是我干的错洁。 我是一名探鬼主播,決...
    沈念sama閱讀 40,447評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼戒突,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了描睦?” 一聲冷哼從身側(cè)響起膊存,我...
    開(kāi)封第一講書人閱讀 39,349評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎忱叭,沒(méi)想到半個(gè)月后隔崎,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,820評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡韵丑,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,990評(píng)論 3 337
  • 正文 我和宋清朗相戀三年爵卒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片撵彻。...
    茶點(diǎn)故事閱讀 40,127評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡钓株,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出陌僵,到底是詐尸還是另有隱情轴合,我是刑警寧澤,帶...
    沈念sama閱讀 35,812評(píng)論 5 346
  • 正文 年R本政府宣布碗短,位于F島的核電站受葛,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏偎谁。R本人自食惡果不足惜总滩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,471評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望巡雨。 院中可真熱鬧闰渔,春花似錦、人聲如沸鸯隅。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,017評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)蝌以。三九已至炕舵,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間跟畅,已是汗流浹背咽筋。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,142評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留徊件,地道東北人奸攻。 一個(gè)月前我還...
    沈念sama閱讀 48,388評(píng)論 3 373
  • 正文 我出身青樓蒜危,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親睹耐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子辐赞,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,066評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容