• 3.forEach循环

let sampleArray=["a","b","c","d"];
sampleArray.forEach(function (ele){
    console.log("sampleArray element is:",ele)
})

3.6.3.3 push/unshift

• push:将新元素添加到数组的末尾，并返回新的长度。
• unshift:方法将新项添加到数组的开头，并返回新的长度。

let sampleArray=["a","b","c","d"];
let pushSampleArrayLength=sampleArray.push("tail");
console.log("push method:new sampleArray element is: "+sampleArray+" new sampleArray length is: "+pushSampleArrayLength);
let unshiftSampleArrayLength=sampleArray.unshift("head");
console.log("unshift method:new sampleArray element is: "+sampleArray+" new sampleArray length is: "+unshiftSampleArrayLength);

输出结果如下所示：

push method:new sampleArray element is: a,b,c,d,tail new sampleArray length is: 5
unshift method:new sampleArray element is: head,a,b,c,d,tail new sampleArray length is: 6

3.6.3.4 pop/shift

• pop:删除数组的最后一个元素，并返回其删除的值
• shift:删除数组中的第一个元素，并返回其删除的值

let sampleArray=["a","b","c","d"];
let shiftElement=sampleArray.shift();
console.log("delete first element :"+shiftElement+" sampleArray is:"+sampleArray);
let popElement=sampleArray.pop();
console.log("delete last element is:"+popElement+" sampleArray is:"+sampleArray);

输出结果如下所示：

delete first element :a sampleArray is:b,c,d
delete last element is:d sampleArray is:b,c

3.6.3.5 slice

    返回数组中被选中的元素

let sampleArray=["a","b","c","d"];
console.log("new samplArray is:",sampleArray.slice(1,3)); // new samplArray is: [ 'b', 'c' ]

3.7 对象类型

    对象类型简单来说就是一组键值对（key-value）的集合，是一种无序的复合数据集合。

3.7.1 定义对象

• 方法一：

let personInfo={
    name:"Surpass",
    age:28,
    location:"Shanghai"
};
// 或
let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai"
};

• 方法二：

let personInfo={};
personInfo.name="Surpass";
personInfo.age=28;
personInfo.location="Shanghai"

3.7.2 常用方法

3.7.2.1 键值读取/赋值

• 1.读取键，示例代码如下所示：

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai"
};

console.log("person info is:",Object.keys(personInfo))
// person info is: [ 'name', 'age', 'location' ]

• 2.值读取和赋值都可以使用以下两种方法

• 使用点运算符
• 使用[]运算符

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai"
};
// 方法一：读值
console.log("person name is:",personInfo.name); // person name is: Surpass
// 方法二：读值
console.log("person age is:",personInfo["age"]); // person age is: 28
// 方法一：赋值
personInfo.name="Kevin";
// 方法二：赋值
personInfo["location"]="Wuhan";
console.log("person info is:",personInfo) //person info is: { name: 'Kevin', age: 28, location: 'Wuhan' }

3.7.2.2 键值删除/增加

• 增加：可使用点运算符或[]增加即可
• 删除：使用delete

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai"
};
personInfo.from="Wuhan";
personInfo["to"]="Nanjing"
console.log("person info is:",personInfo); // person info is: {name: 'Surpass', age: 28, location: 'Shanghai', from: 'Wuhan', to: 'Nanjing'}
delete personInfo.to;
console.log("person info is:",personInfo); // person info is: {name: 'Surpass', age: 28, location: 'Shanghai', from: 'Wuhan'}

3.7.2.3 in

    in 用于检查键是否存在于某一对象中

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai"
};
let nameExist="name" in personInfo;
let fromExist="from" in personInfo;
let toStringExist="toString" in personInfo;
console.log("person info is:",nameExist);  // true
console.log("person info is:",fromExist);  // false
console.log("person info is:",toStringExist); // true

in运算符存在一个问题，其不能识别哪些属性是对象自身的，哪些属性是继承的。就像上面代码中，对象personInfo本身并没有toString属性，但是in运算符会返回true，因为这个属性是继承的。针对这种情况，可以使用对象的hasOwnProperty方法判断一下，是否为对象自身的属性。

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai"
};
var property="toString"
if (property in personInfo){
    if (personInfo.hasOwnProperty(property)){
        console.log("toString is personInfo owner property");
    }
    else{
        console.log("toString is not personInfo owner property");
    }
}
// toString is not personInfo owner property

3.7.2.4 遍历

    遍历对象，一般常用for ... in，如下所示：

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai"
};
for(var item in personInfo){
    console.log("key is:"+item+" value is:"+personInfo[item])
}

输出结果如下所示：

key is:name value is:Surpass
key is:age value is:28
key is:location value is:Shanghai

3.7.2.5 with语句

    with作用是操作同一个对象的多个属性，提供一些书写的方便。其基本语法格式如下所示：

with(对象){
 语句;
}

    示例代码如下所示：

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai"
};

with(personInfo){
   name="Kevin";
   location="Wuhan"
}

console.log("personInfo is",personInfo) // personInfo is { name: 'Kevin', age: 28, location: 'Wuhan' }

    以上代码等同于以下代码：

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai"
};

personInfo.name="Kevin";
personInfo.location="Wuhan";
console.log("personInfo is",personInfo); // personInfo is { name: 'Kevin', age: 28, location: 'Wuhan' }

注意事项：with区块内的赋值操作，必须是当前对象已经存在的属性，否则会创造一个当前作用域的全局变量

let personInfo={
    "name":"Surpass",
    "age":28,
    "location":"Shanghai"
};

with (personInfo){
    name="Kevin";
    from="Wuhan";
    to="Nanjing";
}
console.log("personInfo is",personInfo); // personInfo is { name: 'Kevin', age: 28, location: 'Shanghai' }
console.log("from value is:",from,"to value is:",to); // from value is: Wuhan to value is: Nanjing

3.8 Undefined 类型

    Undefined类型只有一个值，特殊值undefined。当使用var或let声明了变量但没有初始化时，就相当于给变量赋予了undefined值：

var age;
console.log(age==undefined) // true

在对未初始化的变量调用typeof时，返回的结果是undefined，但对未声明的变量调用它时，返回的结果还是undefined

undefined是一个假值

3.9 Null类型

    Null类型同样只有一个值，特殊值null。逻辑上讲，null值表示一个空对象指针，这也是给typeof null会返回object的原因。

    在定义将来要保存对象值的变量时，建议使用null来初始化，不要使用其他值。这样，只要检查这个变量的值是不是null就可以知道这个变量是否在后来被重新赋予了一个对象的引用，示例如下所示：

let person=null
if (person != null) {
    console.log("person 已经申明");
}
else{
    console.log("person 未申明");
}

null是一个假值

原文地址：https://www.jianshu.com/p/c9061b0

本文同步在微信订阅号上发布，如各位小伙伴们喜欢我的文章，也可以关注我的微信订阅号：woaitest，或扫描下面的二维码添加关注：