Javascript基础（1）

Javascript基础（1）

js中的数组操作

indexof

arr.indexof(2)
//根据值获得数组中的下标

slice（）截取Array的一部分，返回一个新的数组，类似于String中的substring

定义和用法

slice() 方法可从已有的数组中返回选定的元素。

语法

arrayObject.slice(start,end)

参数	描述
start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

返回值

返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

说明

请注意，该方法并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()。

push()，pop()

1:push:压入元素到尾部
2:pop:弹出尾部的一个元素

unshift(),shift()头部

1:unshift:压入到头部
2：shift：弹出头部的一个元素

排序sort()

(3) ["cc", "b", "a"]
arr.sort()
(3) ["a", "b", "cc"]

元素反转reverse()

(3) ["a", "b", "cc"]
arr.reverse()
(3) ["cc", "b", "a"]

元素拼接concat()

(3) ["cc", "b", "a"]
arr.concat([1,2,3])
(6) ["cc", "b", "a", 1, 2, 3]

注意：concat()并没有修改原数组，而是创建了一个新数组

连接符join

arr.join("_");
"cc_b_a"

对象

若干个键值对

//定义了一个person对象，它有四个属性
var person={
    name："qingjinag",
    age:3,
    email:"323756765@qq.com",
    score：0
}

js对象中,{......}表示一个对象，键值对描述属性xxx：xxx，多个键值对之间使用逗号隔开，最后一个属性不加逗号！

1，对象赋值

person.name="qingjiang"

2、使用一个不存在的对象属性，不会报错

undefined

3、动态的删除属性，通过delete删除对象的属性

delete person.name
true

动态的添加，直接给新的属性赋值

person.haha="haha"

判断属性是否在这个对象中，

'age' in person
true
//继承
'toString' in person
true

判断一个属性是否是这个对象自身拥有的 hasOwnProperty()

person.hasOwnProperty('age')
true
person.hasOwnProperty('toString')
false

foreach循环

var age=[12,3,112,3,12,3,21,23,123];
//函数
age.forEach(function (value){
    console.log(value);
})

for --in

var index in object index是 object对应对的下标

//for(var index in object){}
for(var num in age){
    if(age.hasOwnProperty(num)){
        console.log("存在");
        console.log(age[num]);
    }
}

for of

for（let x of arr) x是arr中的值

"use strict";
let arr=[3,4,5];
for(let x of arr){
    console.log(x);
}

Map和Set

ES6的新特性

Map：

var map=new Map([['tom',100],['sax',43],['fex'65]]);
var name=map.get('tom');
map.set('admin',23321);
map.delete('tom');

Set:无序不重复的集合

set.add(2);
set.delete(1);
console.log(set.has(3));