string Math Array Date方法瀏覽器對(duì)象最基礎(chǔ)的增刪改查以及JS的小練習(xí)

對(duì)象

創(chuàng)建對(duì)象的方法

Object方法
- var zhangsan=new Object;
類名的方式
- class person{
  - constructor(){
    - 屬性=屬性值
  - }
  - 方法名（）{
    - 函數(shù)體
  - }
- }
- var zhangsan= new 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)

遍歷對(duì)象

for(let i in iphone){}

對(duì)象如果沒(méi)有這個(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('睡覺(jué)')
    }
};
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ù)必須寫(xiě)
        this.name=name;
        this.cla=cla;
    }
    mack(){
        alert('睡覺(jué)')
    }
}
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) 從指定開(kāi)始的位置，到結(jié)束的位置(不包括)的所有字符串。。如果不指定結(jié)束位置，則從指定的開(kāi)始位置，取到結(jié)尾slice參數(shù)可以是負(fù)數(shù)，如果是負(fù)數(shù)，從-1開(kāi)始指的是字符串結(jié)尾，-2是倒數(shù)第二個(gè)；
substring(start,end) 從指定的開(kāi)始位置，到結(jié)束位置(不包括)的所有字符串。如果不指定結(jié)束位置，則一直取到結(jié)尾，不支持負(fù)數(shù)；
substr(start,length) 從指定的位置開(kāi)始取指定長(zhǎng)度的字符串。如果沒(méi)有指定長(zhǎng)度，從指定開(kāi)始的位置取到結(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)換為小寫(xiě)。
toUpperCase() 將字符串轉(zhuǎn)換為大寫(xiě)

去空

trim() 字符串去空
trimLeft() 字符串開(kāi)始去空
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++) {
        // 通過(guò)循環(huán)判斷要替換內(nèi)容的長(zhǎng)度，來(lái)決定*號(hào)的數(shù)量
        xing+="*"
    };
    //可以用let xing='*'.repeat(str1.length)替換

    let newstr=str;
    while(newstr.match(str1)!=null){
         // 可用(newstr.indexOf(str1)!=-1)替換
        // 通過(guò)循環(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))
        // 通過(guò)空數(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ù)量,添加的元素...) 萬(wàn)能的添加刪除，
- index 開(kāi)始刪除或添加的位置，下標(biāo)
- 數(shù)量要?jiǎng)h除的個(gè)數(shù)，如果為0，則不刪除
- 需要添加的元素，可以當(dāng)做替換的元素
- 如果刪除了元素，返回被刪除的數(shù)組

轉(zhuǎn)換類

split() 字符串分割為數(shù)組
join([分隔符])把數(shù)組元素按照指定分隔符組合成一個(gè)字符串，如果沒(méi)有指定分隔符，默認(rèn)是用“,”返回結(jié)果就是組合成的字符串

分割

myarr.slice()
- 從截取指定的開(kāi)始位置，到結(jié)束位置(不包括)的元素。如果不指定結(jié)束位置，則從指定的開(kāi)始位置，取到結(jié)尾(數(shù)組的下標(biāo))
- 支持負(fù)數(shù)(-1開(kāi)頭)
- 返回新數(shù)組。

數(shù)組的連接

myarr.concat() 連接兩個(gè)或更多的數(shù)組，并返回新數(shù)組，但是對(duì)原數(shù)組沒(méi)有任何影響。

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) 通過(guò)腳本打開(kāi)新的窗口
URL要在新窗口中顯示的文檔的 URL。如果省略了這個(gè)參
數(shù),那么新窗口就不會(huì)顯示任何文檔。

nane

_blank -- 在新窗口中打開(kāi)鏈接 
_parent -- 在父窗體中打開(kāi)鏈接 
_self -- 在當(dāng)前窗體打開(kāi)鏈接,此為默認(rèn)值 
_top -- 在當(dāng)前窗體打開(kāi)鏈接，并替換當(dāng)前的整個(gè)窗體(框架頁(yè)) 
一個(gè)對(duì)應(yīng)的框架頁(yè)的名稱 -- 在對(duì)應(yīng)框架頁(yè)中打開(kāi)

feafurse
樣式

我叫洱月，我愿意陪你到洱海風(fēng)花雪月，你，看到我了嗎？

碼字不易，點(diǎn)個(gè)贊唄

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

js對(duì)象 字符串 數(shù)組 Math Date方法

對(duì)象

創(chuàng)建對(duì)象的方法

遍歷對(duì)象

清空對(duì)象

遍歷對(duì)象

繼承 new extends super()

構(gòu)造函數(shù)方法

類的方法

String 字符串對(duì)象

屬性

方法

獲取類型

查找類型

截取類

重復(fù)

判斷

轉(zhuǎn)換類

去空

案例

Math 數(shù)學(xué)對(duì)象

Array 數(shù)組對(duì)象

屬性

方法

刪除添加類

轉(zhuǎn)換類

分割

數(shù)組的連接

數(shù)組內(nèi)容反轉(zhuǎn)

數(shù)組排序

some

遍歷

案例

作業(yè)

案例

數(shù)組的遍歷方式

Date 日期對(duì)象

獲取日期信息的方法

設(shè)置日期的方法

瀏覽器對(duì)象模型 BOM

屬性

尺寸

調(diào)試工具

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

js對(duì)象字符串數(shù)組 Math Date方法