數(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)換成大寫