1. 數組
<script >
//1.直接給值
let arr=[1,2,3]
//2.構造函數的方式
let b=new Array();
b[0]=1;
console.log(b[0])
//檢測數組
//1.用typeof 看數組 是對象
console.log(typeof b)
//2.用instancof Array 來看 返回值為TRUE
console.log(b instanceof Array);
//3.Array.isArray 返回true
console.log(Array.isArray(b))
</script>
<script>
//數組的添加
//改變數組原來的內容
//push 從后增加
let arr=[1,2,3]
arr.push(4);
console.log(arr)
//unshift 從頭(前)添加
arr.unshift(0);
//concat() 不改變原數組的內容，返回一個拼接后的數組
let b=arr.concat(5);
console.log(b)
console.log(arr);
//數組的克隆
//1.遍歷push
let c=[]
for (let i=0;i<arr.length;i++){
c.push(arr[i])
}
console.log(c)
//2.使用concat添加 空數組[].concat
let d=[4,5,6]
let e=[].concat(d)
console.log(e)
//數組的刪除
//1.從后刪除 pop();
let f=[1,2,3]
f.pop()
console.log(f)
//2.從頭刪除
//shift
f.shift()
console.log(f)
//數組的修改
//splice(index,num,item) 先刪除再插入 改變原來的數組
//index 數組的下標
//num 刪除個數
//item 插入的參數
let g=[1,2,3,4]
g.splice(1,1,"h")
console.log(g)
//splice 補充
// 增加
let j=[1,2,3,4];
j.splice(3,0,"hello")
console.log(j)
//刪除
let k=[1,2,3,4];
k.splice(0,2)
console.log(k)
//數組的查詢
let h=[1,2,3,4]
//1.通過下標
h[1];
//2.查值對應的下標
console.log(h.indexOf(4))
//3.slice(startIndex,endIndex) 不包含endIndex
console.log(h.slice(2,3))
//slice(startIndex) 從startIndex一直到最后
console.log(h.slice(1))
//join(separator分隔符) 方法 將數組轉化成一個字符串 默認為“,”
let l=["hello","world","good"];
let m=l.join("|");
console.log(m)
//數組的排序
let aa=[22,2,12,33,14];
// 數組排序 沒用
//升序
let bb=aa.sort(function (a,b) {
return a-b;
})
// 降序
// let cc=aa.sort(function (a,b) {
// return b-a;
// })
console.log(bb)
// console.log(cc)
//求和
let dd=[1,2,3,4,5]
let sum=dd.reduce(function (a,b) {
return a+b
})
console.log(sum)
//reverse 倒置 顛倒數組中的元素
let ee=[1,2,3,4]
let ff=ee.reverse();
console.log(ff)
</script>
2.String方法
<script >
let str="hello world"
//獲取字符串的長度
let len=str.length
console.log(len)
//字符串增加
//concat 原來的字符串不變 返回新的拼接后的字符串
let add=str.concat("add")
console.log(str)
console.log(add)
//字符串 查詢
//charAt 輸出對應下標的字符
let char=str.charAt(1)
console.log(char)
//indexOf 輸出對應字符的下標 如果沒有返回-1
let index=str.indexOf("l")
console.log(index)
//字符串的截取
//slice()
let a="hello world"
let b=a.slice(1,4)
console.log(b)
//substr(startIndex,length)
let subStr=a.substr(1,4)
console.log(subStr)
//substring(startIndex,endIndex)
let subString=a.substring(1,4)
console.log(subString)
//分割
let c=a.split("l")
console.log(c)
let d=a.split("")
console.log(d)
//search方法 返回搜索字符的下標 不存在返回-1
let e=a.search("l")
console.log(e)
//match 方法 將匹配的內容返回一個數組 不存在返回Null
let f =a.match("l")
console.log(f)
//replace 方法 只替換第一個查到的值
let g=a.replace("l","h")
console.log(g)
</script>
3.正則表達式
<script >
//string中match怔鳖，search溺森，split岸裙，replace支持正則表達式
//將所有l(wèi)轉換成*
// /l/g 兩個斜杠里面的內容 g表示全局搜索
let a="hello world";
let reg=/l/g;
let b=a.replace(reg, "*")
console.log(b)
//構造函數的方式創(chuàng)建
// 參數1：pattern
//參數2：attributes
let rege=new RegExp("l","g");
</script>
<script >
//備選字符集[海天]
//[] 表示括號內任意一個字符匹配
let a="上海径玖，上天，上去逛尚，上海那";
let reg=/上[海天]/g
let b=a.replace(reg, "*")
console.log(b)
let c="12535_3dd"
// let d=/[\d]/g
let d=/[0-9]/g
console.log(c.replace(d, "*"))
//連續(xù)的備選字符
//[a-z] 所有的小寫字母
//[A-Z] 所有的大寫字母
//[0-9] 所有的數字 \d
//[0-9a-zA-Z] 所有數字和字母
// \w 任意一個數字搪花，字母或者下劃線
// \s 一位空字符 空格 tab 換行
// . 處換行外其余所有字符
let e=/[0-9a-zA-Z]/g
console.log(c.replace(e, "*"))
</script>
<body>
<input type="text" id="txt">
<button id="btn">確定</button>
<script >
//量詞
//確定的數量
//{6} 出現(xiàn)6次
//{3,6} 出現(xiàn)3-6次
//{3,} 至少出現(xiàn)3次
//不確定的數量
//? 出現(xiàn)0次或者1次
//+ 至少出現(xiàn)1次
//* 出現(xiàn)多次或者不出現(xiàn)
//test() 方法
//regExp.test(str) 返回boolean
let txt=document.getElementById("txt")
let btn=document.getElementById("btn")
let reg=/^\d+$/
// btn.onclick=function () {
// let value=txt.value
// let result=reg.test(value)
// alert(result)
// }
//或 和分組
//|表示或
//()表示分組
//判斷手機號
// 以+86或0086開頭 可有可無
// 可以有多個空格或者沒有
//號碼第一位為1 第二位為3456789中一個 最后9位為數字
let rr=/1[3456789]\d{9}$/
let rreg=/^(\+86|0086)?\s*1[3456789]\d{9}$/
btn.onclick=function () {
let value=txt.value;
let result=rr.test(value)
alert(result)
}
//轉義字符 " 用 \"來轉義
//指定位置
//^正則表達式 以該正則表達式開頭
//正則表達式$ 以該正則表達式結尾
//將開始位置的空格清空
let str=" hello hello"
let rrr=/^\s+/g
console.log(str.replace(rrr, ""))
//排除 [^abc] 除了abc以外的值
let strr="abc232"
let regr=/[^abc]/g
console.log(strr.replace(regr, "*"))
</script>
</body>
<body>
<textarea name="" id="txt" cols="30" rows="10"></textarea>
<button id="btn">過濾</button>
<script >
// let reg=/天貓|淘寶/g
let reg=/<[^<>]*>/g
let txt=document.getElementById("txt")
let btn=document.getElementById("btn")
btn.onclick=function () {
let value=txt.value;
let filter=value.replace(reg, "")
txt.value=filter;
}
</script>
</body>
