string Math Array Date方法 瀏覽器對(duì)象 最基礎(chǔ)的增刪改查 以及JS的小練習(xí)
對(duì)象
創(chuàng)建對(duì)象的方法
-
Object方法
- var zhangsan=new Object;
-
類名的方式
- class person{
- constructor(){
- 屬性=屬性值
- }
- 方法名（）{
- 函數(shù)體
- }
- constructor(){
- }
- var zhangsan= new person;
- class person{
-
json方法
- var zhangsan={}
-
構(gòu)造函數(shù)方法
- function person(name,age){
- this.name=name;
- this.age=age
- }
- person.prototype={
- play:function(){
- }
- }
- var zhangsan = new person('zhangsan',56);
- var li= new person('lisi',33)
- function person(name,age){
遍歷對(duì)象
for(let i in iphone){}
對(duì)象如果沒有這個(gè)屬性 會(huì)返回undefined
原型上的方法刪不掉
清空對(duì)象
obj = null
遍歷對(duì)象
for in
for(let i in apple){
i代表對(duì)象的屬性 name age
apple[i]代表對(duì)象的方法
}
繼承 new extends super()
冒充 zhangsan.play.call(lisi,45,88)
把zhangsan的play方法冒充給lisi;只能使用一次聘惦；
冒充 zhangsan.play.apply(lisi,[45,88])
構(gòu)造函數(shù)方法
function person(name,age){
this.name=name,
this.age=age,
this.play=function(){
alert('敲代碼')
}
};
person.prototype={
teacher:function(){
alert('濛細(xì)雨')
},
dudao:function(){
alert('馮佳佳')
}
}
person.prototype.aa=function(){
alert('這是aa')
}
function student(name,age){
this.name=name,
this.age=age,
this.mack=function(){
alert('睡覺')
}
};
student.prototype=new person;
var lian=new person('這是person',23)
var fei=new student('這是student',93)
// lian.play()
fei.play()
fei.mack()
fei.aa()
fei.dudao()
類的方法
class person{
constructor(name,num){
this.name=name;
this.num=num
}
play(){
alert('敲代碼')
}
}
class student extends person{
//extends 繼承
constructor(name,cla){
super();
// super()函數(shù)必須寫
this.name=name;
this.cla=cla;
}
mack(){
alert('睡覺')
}
}
var lian=new person('這是person',170201)
var fei=new student('這是student','學(xué)生的');
fei.mack()
fei.play()
console.log(fei.name)
console.log(fei.cla)
String 字符串對(duì)象
屬性
- length 返回長(zhǎng)度（不區(qū)分中英文，識(shí)別空格 ）
- constructor 字符串的構(gòu)造函數(shù)
方法
獲取類型
- str.charAt() 返回指定位置的字符茫多；
- charCodeAt() 返回指定位置所對(duì)應(yīng)的Unicode編碼
- String.fromCharCode() 接受一個(gè)或多個(gè)Unicode編碼寝杖，返回對(duì)應(yīng)的字符串
查找類型
- indexOf('ac') 返回某個(gè)字符串在str中首次出現(xiàn)的位置；如果未找到相應(yīng)字符串蛹屿，會(huì)返回-1牍戚；
- lastIndexOf('a') 返回某個(gè)字符串在str中最后出現(xiàn)的位置娄蔼；
- match() 在字符串檢索指定的值，返回值就是指定的值很洋，返回一個(gè)數(shù)組 找不到目標(biāo)值返回null
- replace('a','*') 用一段字符替換另外一段字符充蓝； 只會(huì)替換首次出現(xiàn)的目標(biāo)字符
- search() 只用于正則
截取類
- slice(start,end) 從指定開始的位置，到結(jié)束的位置(不包括)的所有字符串喉磁。谓苟。如果不指定結(jié)束位置，則從指定的開始位置协怒，取到結(jié)尾slice參數(shù)可以是負(fù)數(shù)涝焙，如果是負(fù)數(shù)，從-1開始指的是字符串結(jié)尾孕暇，-2是倒數(shù)第二個(gè)仑撞；
- substring(start,end) 從指定的開始位置，到結(jié)束位置(不包括)的所有字符串妖滔。如果不指定結(jié)束位置隧哮，則一直取到結(jié)尾，不支持負(fù)數(shù)座舍；
- substr(start,length) 從指定的位置開始取指定長(zhǎng)度的字符串近迁。如果沒有指定長(zhǎng)度，從指定開始的位置取到結(jié)尾簸州。
重復(fù)
- 'a'.repeat(5) 會(huì)輸出'aaaaa'; 重復(fù)的輸出某一個(gè)字符一定次數(shù)鉴竭；
判斷
- str.includes('a') 判斷字符串內(nèi)是否包含指定的字符串，返回布爾值岸浑；
轉(zhuǎn)換類
- split("分割位置",[指定分割后數(shù)組的長(zhǎng)度]) 將一個(gè)字符串分割成數(shù)組 var str='a-b-c-d-f' str.split('-',3)
- toLowerCase(); 用于把字符串轉(zhuǎn)換為小寫搏存。
- toUpperCase() 將字符串轉(zhuǎn)換為大寫
去空
- trim() 字符串去空
- trimLeft() 字符串開始去空
- trimRight() 字符串結(jié)尾去空
案例
// 判斷一個(gè)字符串中是否包含另一個(gè)字符串
function isInClude(str,str2){
if(str.indexOf(str2)==-1){
return false;
}else{
return true;
}
}
// 將制定的字符串替換成'*'號(hào)
function tihuan(str,str1){
// str是原字符串 str1是要替換掉的內(nèi)容
let xing='';
for (var i = 0; i < str1.length; i++) {
// 通過循環(huán)判斷要替換內(nèi)容的長(zhǎng)度，來決定*號(hào)的數(shù)量
xing+="*"
};
//可以用let xing='*'.repeat(str1.length)替換
let newstr=str;
while(newstr.match(str1)!=null){
// 可用(newstr.indexOf(str1)!=-1)替換
// 通過循環(huán)不停的替換矢洲，然后賦值給新的字符串
newstr=newstr.replace(str1,xing)
}
return newstr;
}
// 打印出一段字符串中某一節(jié)字符串的位置 方法1
function dump(str,str1){
let arr=[]
let xing="*".repeat(str1.length)
let newstr=str;
while(newstr.match(str1)!=null){
arr.push(newstr.indexOf(str1))
// 通過空數(shù)組保存下標(biāo) 然后在循環(huán)外部return璧眠，避免直接終止循環(huán)，可以在最后獲取到下標(biāo)值读虏，從而進(jìn)行操作
newstr=newstr.replace(str1,xing);
}
return arr;
}
// 打印出一段字符串中某一節(jié)字符串的位置 方法2
function dumpF(str,str1){
let arr=[];
for (var i = 0; i < str.length; i++) {
if(str.substr(i,str1.length)===str1){
arr.push(i)
}
}
return arr;
}
// 查找數(shù)組內(nèi)隨機(jī)元素
function yuansu(a,b){
if(a instanceof Array && arguments.length==2){
// 參數(shù)a是一個(gè)數(shù)組對(duì)象责静，并且參數(shù)為2
var arr=[];
for (var i = 0; i <b; i++) {
var num=Math.floor(Math.random()*b);
arr.push(a[num]);
};
return arr;
}
}
Math 數(shù)學(xué)對(duì)象
- Math.abs() 取絕對(duì)值
- Math.round() 四舍五入
- Math.floor() 向下取整，取最大的
- Math.ceil() 向上取整盖桥，取最小的值
- Math.max() 取最大值
- Math.min() 取最小值
- Math.random() 取隨機(jī)數(shù)
- Math.pow(x,y) 返回x的y次冪 平方
- Math.sqrt(x) 平方根
- numberObj.toFixed(2) 指定小數(shù)四舍五入后保留的位數(shù)
Array 數(shù)組對(duì)象
屬性
- length 返回長(zhǎng)度（不區(qū)分中英文灾螃，識(shí)別空格 ）
- constructor 數(shù)組的構(gòu)造函數(shù)
var arr= new Array(5); 代表數(shù)組length為5;
arr.push(...['x','y','z']) 加上...會(huì)把元素單獨(dú)插入進(jìn)去，不加會(huì)插入一個(gè)數(shù)組
方法
刪除添加類
- arr.push() 在數(shù)組末尾添加新的元素
- unshift('a','b',7) 在數(shù)組最前面添加
- pop() 刪除數(shù)組最后一個(gè)元素揩徊，返回刪除的元素腰鬼，不用傳參嵌赠。
- shift() 刪除數(shù)組第一個(gè)元素，不用傳參熄赡。返回刪除的元素姜挺；
- splice(index,數(shù)量,添加的元素...) 萬能的添加刪除，
- index 開始刪除或添加的位置彼硫，下標(biāo)
- 數(shù)量 要?jiǎng)h除的個(gè)數(shù)炊豪，如果為0，則不刪除
- 需要添加的元素拧篮，可以當(dāng)做替換的元素
- 如果刪除了元素词渤，返回被刪除的數(shù)組
轉(zhuǎn)換類
- split() 字符串分割為數(shù)組
- join([分隔符])把數(shù)組元素按照指定分隔符組合成一個(gè)字符串，如果沒有指定分隔符他托，默認(rèn)是用“,”返回結(jié)果就是組合成的字符串
分割
- myarr.slice()
- 從截取指定的開始位置掖肋，到結(jié)束位置(不包括)的元素。如果不指定結(jié)束位置赏参，則從 指定的開始位置志笼，取到結(jié)尾(數(shù)組的下標(biāo))
- 支持負(fù)數(shù)(-1開頭)
- 返回新數(shù)組。
數(shù)組的連接
- myarr.concat() 連接兩個(gè)或更多的數(shù)組把篓，并返回新數(shù)組纫溃，但是對(duì)原數(shù)組沒有任何影響。
var con=arr(...arr1,['zhangsan','lisi'])
數(shù)組內(nèi)容反轉(zhuǎn)
- arr.reverse() 反轉(zhuǎn)數(shù)組內(nèi)的元素順序
數(shù)組排序
- arr.sort([fn]) 排序
默認(rèn)按照字符編碼順序排序韧掩，會(huì)把所有元素默認(rèn)成字符串紊浩；
如果要實(shí)現(xiàn)其他排序則要傳入一個(gè)參數(shù)，這個(gè)參數(shù)必須要函數(shù)疗锐，并且這個(gè)函數(shù)要有兩個(gè)參數(shù)
* 若 a 小于 b坊谁，在排序后的數(shù)組中 a 應(yīng)該出現(xiàn)在 b 之前，則返回一個(gè)小于 0 的值滑臊。
* 若 a 等于 b口芍，則返回 0。
* 若 a 大于 b雇卷，則返回一個(gè)大于 0 的值
some
- some(fn回調(diào)函數(shù)) 數(shù)組里面的每一個(gè)元素都需要執(zhí)行一次回調(diào)函數(shù)
遍歷
- filter(function(value,index,arr){return value>0}) 滿足條件的會(huì)打印到ss數(shù)組里
- some(function(value,index,arr){return value>0}) 有一個(gè)滿足條件的返回true
- every(function(value,index,arr){return value>0}) 所有元素滿足條件的返回true
案例
var ss=arr1.filter(function(value,ss,sff){
return value>3;
//滿足條件的會(huì)打印到ss數(shù)組里
})
var ss=arr1.some(function(value,ss,sff){
return value>3;
//有一個(gè)滿足條件的返回true
})
var ss=arr1.every(function(value,ss,sff){
return value>3;
//所有元素滿足條件的返回true
})
數(shù)組里面的每一個(gè)元素都需要執(zhí)行一次回調(diào)函數(shù)
作業(yè)
- 判斷數(shù)組是否存在 >0
- 判斷數(shù)組元素>0
- 篩選出元素 >0
- 刪除重復(fù)
- 數(shù)組里隨機(jī)獲取任個(gè)元素
- 數(shù)組里隨機(jī)獲取任意個(gè)不重復(fù)元素
案例
// 判斷數(shù)組內(nèi)是否存在 > 0
function a1 (arr) {
if(!(arr instanceof Array)){
return;
}
for (var i = 0; i < arr.length; i++) {
if(arr[i]>0){
return true;
}
};
return false;
}
// 判斷數(shù)組內(nèi)是否所有元素都 > 0
function a2(arr) {
for (var i = 0; i < arr.length; i++) {
if(arr[i]<=0){
return false;
}
};
return true;
}
// 篩選數(shù)組內(nèi) > 0 的元素
function filter(arr){
let newarr=[];
for (var i = 0; i < arr.length; i++) {
if(arr[i]>0){
newarr.push(arr[i]);
}
}
return newarr;
}
// 判斷數(shù)組內(nèi)是否存在某一個(gè)元素
function arrP(arr,ele){
for (var i = 0; i < arr.length; i++) {
if(arr[i]==ele){
return true;
}
};
}
// 刪除數(shù)組重復(fù)的元素
function quchong1(arr){
let newarr=[];
for (var i = 0; i < arr.length; i++) {
if(newarr.indexOf(arr[i])==-1){
// 當(dāng)newarr里查詢不到arr[i]的時(shí)候鬓椭，插入
newarr.push(arr[i]);
}
}
return newarr;
}
function quchong2(arr){
let newarr=[];
for (var i = 0; i < arr.length; i++) {
var flag=arrP(newarr,arr[i]);
// 調(diào)用另外一個(gè)函數(shù)，判斷newarr里是否包含arr[i]
if(!flag){
newarr.push(arr[i])
}
}
return newarr;
}
function quchong3(arr){
// 如果當(dāng)前數(shù)組的第i項(xiàng)在當(dāng)前數(shù)組中第一次出現(xiàn)的位置不是i关划，那么表示第i項(xiàng)是重復(fù)的小染，忽略掉。否則存入結(jié)果數(shù)組
var newArr = [];
for(var i=0, len=arr.length; i<len; i++){
if(arr.indexOf(arr[i]) == i){
newArr.push(arr[i]);
}
}
return newArr;
}
// 數(shù)組內(nèi)隨機(jī)獲取任意個(gè)元素
function a5(arr){
let newarr=[];
let n=Math.floor(Math.random()*arr.length);
// 讓獲取的元素個(gè)數(shù)隨機(jī)
for (var i = 0; i < n; i++) {
let num=Math.floor(Math.random()*arr.length);
// 讓獲取元素的內(nèi)容隨機(jī)
newarr.push(arr[num]);
// 插入新數(shù)組
}
return newarr;
}
// 數(shù)組里隨機(jī)獲取任意個(gè)不重復(fù)元素
function a6(arr){
let newarr=[];
let n=Math.floor(Math.random()*arr.length);
// 讓獲取的元素個(gè)數(shù)隨機(jī)
for (var i = 0; i < n; i++) {
let num=Math.floor(Math.random()*arr.length);
// 讓獲取元素的內(nèi)容隨機(jī)
while(newarr.includes(arr[num])){
num=Math.floor(Math.random()*arr.length);
n=Math.floor(Math.random()*num);
}
newarr.push(arr[num]);
}
return newarr;
}
數(shù)組的遍歷方式
優(yōu)化版for循環(huán)
for(j = 0,len=arr.length; j < len; j++) {
}
對(duì)于數(shù)組較大時(shí)贮折，優(yōu)化比較明顯裤翩；
第二種：foreach
arr.forEach(function(e){
});
第三種：for ……in
var arr = new Array("first", "second", "third")
for(var item in arr) {
document.write(arr[item]+",");
}
for……in 的效率比較低
第四種：map 遍歷
arr.map(function(n){
});
第五種：for……of 遍歷（需要ES6支持）
for(let value of arr) {
});
Date 日期對(duì)象
var date=new Date()
1.“時(shí):分:秒 月/日/年” “月/日/年 時(shí):分:秒" 字符串
2.年,月,日,時(shí),分,秒 不能加"" 月份要-1
獲取日期信息的方法
getDate() 從 Date 對(duì)象返回一個(gè)月中的某一天 (1 ~ 31)。
getDay() 從 Date 對(duì)象返回一周中的某一天 (0 ~ 6)脱货。
getMonth() 從 Date 對(duì)象返回月份 (0 ~ 11)岛都。
getFullYear() 從 Date 對(duì)象以四位數(shù)字返回年份律姨。
getYear() 請(qǐng)使用 getFullYear() 方法代替振峻。
getHours() 返回 Date 對(duì)象的小時(shí) (0 ~ 23)臼疫。
getMinutes() 返回 Date 對(duì)象的分鐘 (0 ~ 59)。
getSeconds() 返回 Date 對(duì)象的秒數(shù) (0 ~ 59)扣孟。
getMilliseconds() 返回 Date 對(duì)象的毫秒(0 ~ 999)烫堤。
getTime() 返回 1970 年 1 月 1 日至今的毫秒數(shù)。
getTimezoneOffset() 返回本地時(shí)間與格林威治標(biāo)準(zhǔn)時(shí)間 (GMT) 的分鐘
差凤价。
設(shè)置日期的方法
? setDate() 設(shè)置 Date 對(duì)象中月的某一天 (1 ~ 31)鸽斟。
? setMonth() 設(shè)置 Date 對(duì)象中月份 (0 ~ 11)。
? setFullYear() 設(shè)置 Date 對(duì)象中的年份（四位數(shù)字）利诺。
? setYear() 請(qǐng)使用 setFullYear() 方法代替富蓄。
? setHours() 設(shè)置 Date 對(duì)象中的小時(shí) (0 ~ 23)。
? setMinutes() 設(shè)置 Date 對(duì)象中的分鐘 (0 ~ 59)慢逾。
? setSeconds() 設(shè)置 Date 對(duì)象中的秒鐘 (0 ~ 59)立倍。
? setMilliseconds() 設(shè)置 Date 對(duì)象中的毫秒 (0 ~ 999)。
? setTime() 以毫秒設(shè)置 Date 對(duì)象侣滩。
? setUTCDate() 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中月份的一天 (1 ~ 31)口注。
? setUTCMonth() 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的月份 (0 ~ 11)。
? setUTCFullYear() 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的年份（四位數(shù)字）君珠。
? setUTCHours() 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的小時(shí) (0 ~ 23)寝志。
? setUTCMinutes() 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的分鐘 (0 ~ 59)。
? setUTCSeconds() 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的秒鐘 (0 ~ 59)策添。
? setUTCMilliseconds() 根據(jù)世界時(shí)設(shè)置 Date 對(duì)象中的毫秒 (0 ~ 999)材部。
瀏覽器對(duì)象模型 BOM
window是BOM核心對(duì)象
屬性
尺寸
- window.innerWidth/innerHeight
- document.documentElement.clientWidth/clientHeight;
調(diào)試工具
- confirm() 自帶取消 確定按鈕的對(duì)話框 點(diǎn)擊返回布爾值
- prompt() 顯示可提示用戶輸入的對(duì)話框。
- close() 關(guān)閉瀏覽器窗口唯竹。
- open(url,name,feafurse,replace) 通過腳本打開新的窗口
URL要在新窗口中顯示的文檔的 URL乐导。如果省略了這個(gè)參
數(shù),那么新窗口就不會(huì)顯示任何文檔。
nane
_blank -- 在新窗口中打開鏈接
_parent -- 在父窗體中打開鏈接
_self -- 在當(dāng)前窗體打開鏈接,此為默認(rèn)值
_top -- 在當(dāng)前窗體打開鏈接摩窃，并替換當(dāng)前的整個(gè)窗體(框架頁)
一個(gè)對(duì)應(yīng)的框架頁的名稱 -- 在對(duì)應(yīng)框架頁中打開
feafurse
樣式
我叫洱月兽叮，我愿意陪你到洱海風(fēng)花雪月，你猾愿，看到我了嗎鹦聪？
碼字不易，點(diǎn)個(gè)贊唄
