9/7 javasScript对象、构造函数、数组的迭代方法

来源:互联网 发布:js跨域的实现原理 编辑:程序博客网 时间:2024/06/07 17:51

1.所有的比较操作符返回的都是一个boolean值,要么是true 要么是false 。其本身就是一个if...else语句。

2.当代码执行到return语句时,函数返回一个结果就结束运行了,return后面的语句根本不会执行。

3.21点小游戏(switch的使用)

switch(card){
    case 2:
    case 3:
    case 4:
    case 5:
    case 6: 
    count++;
    break;
    case 'A':
    case 10:
    case 'J':
    case 'Q':
    case 'K':  
    count--; 
    break;
  }
  if(count>0){
    return count+" "+"Bet";
  }else{
    return count+" "+"Hold";
  }

4.对象 object 。对象和数组很相似,数组是通过索引来访问和修改数据,对象是通过属性来访问和修改数据的。

var cat = {
"name": "Whiskers",
"legs": 4,
"tails": 1,
"enemies": ["Water", "Dogs"]
};注意事项:一定要有等号。

5.有两种方式访问对象属性,一个是点操作符(.),一个是中括号操作符([])。

(1)当你知道属性的名称的时候,使用点操作符。

var myObj = {

prop1: "val1",
prop2: "val2"
};
var prop1val = myObj.prop1; // val1
var prop2val = myObj.prop2; // val2

(2)如果你想访问的属性的名称有一个空格,这时你只能使用中括号操作符([])。

var myObj = {
"Space Name": "Kirk",
"More Space": "Spock"
};
myObj["Space Name"]; // Kirk
myObj['More Space']; // Spock

(3)中括号操作符的另一个使用方式是用变量来访问一个属性。当你需要遍历对象的属性列表或查表或者不确定对象是否有属性时,这种方式极为有用。

var someProp = "propName";
var myObj = {
propName: "Some Value"
}
myObj[someProp]; // "Some Value"

(4)如何像更改属性一样给对象添加属性—直接用一个新的属性值去赋值即可。

var myDog = {
  "name": "Happy Coder",
  "legs": 4,
  "tails": 1,
  "friends": ["Free Code Camp Campers"]
};
myDog["bark"] = "woof";

6.删除对象的属性例如:delete ourDog.bark;

var myDog = {
  "name": "Happy Coder",
  "legs": 4,
  "tails": 1,
  "friends": ["Free Code Camp Campers"],
  "bark": "woof"
};


// 请把你的代码写在这条注释以下


delete myDog.tails;

用构造函数去创造对象

构造函数 通常使用大写字母开头,以便把自己和其他普通函数区别开。

下面便是一个 构造函数 了:

var Car = function() {
  this.wheels = 4;
  this.engines = 1;
  this.seats = 1;
};

构造函数中,this 指向被此 构造函数 创建出来的 对象 。所以,当我们在 构造函数 中写:

  this.wheels = 4;

调用——使用构造函数时,我们通过在它前面使用 new 关键字 来对它进行调用,如下:

var myCar = new Car();

myCar (即 Car 的一个 实例 )创建后,他可以像普通对象一样被使用,包括创建、访问、修改它的属性等,就像我们使用其他对象一样。

myCar.turboType = "twin"; 

创建后如果car对象中没有turboType这个属性,就会当成创建了这个属性并附上了值。

调用相同属性不同数值的对象——

构造函数 很好,但是我们不想总是创建相同的对象,怎么办呢?

为了解决这个问题,我们要向 构造函数 中添加 参数 。像下面这样:

构造函数 中添加 参数 。像下面这样:

ar Car = function(wheels, seats, engines) {
  this.wheels = wheels;
  this.seats = seats;
  this.engines = engines;
};

var myCar = new Car(6, 3, 1);

私有属性(要想得到或者更改私有属性只能从公用方法中获得)——


对象拥有自己的特征,称为 属性,对象还有自己的函数,称为 方法

在前面的课程(构造函数)中,我们使用了 this指向当前(将要被创建的)对象中的 公有属性

我们也可以创建 私有属性私有方法 ,它们两个在对象外部是不可访问的。

为了完成这个任务,我们在 构造函数 中,使用我们熟悉的 var 关键字去创建变量,来替代我们使用 this 创建 属性 。实例如下:

var Car = function() {
  // this is a private variable
  var speed = 10;


  // these are public methods
  this.accelerate = function(change) {
    speed += change;
  };


  this.decelerate = function() {
    speed -= 5;
  };


  this.getSpeed = function() {
    return speed;
  };
};

在console中直接访问speed是无效的 ——myCar.speed得到的是undefined

而使用myCar.getSpeed()才能的到speed的数值。

迭代数组——map 方法(里边的参数是固定值 index、val、arr)reduce方法(里边的参数是previousVal、currentVal

(1)map 方法会迭代数组中的每一个元素,并根据回调函数来处理每一个元素,最后返回一个新数组。注意,这个方法不会改变原始数组。

在我们的例子中,回调函数只有一个参数,即数组中元素的值 (val 参数) ,但其实,你的回调函数也可以支持多个参数,譬如:元素的索引index、原始数组arr

如下所示:var oldArray = [1,2,3,4,5];


// 只能在这一行下面写代码


var newArray = oldArray.map(function(val){
  return val +3;
});

(2)reduce 方法迭代一个数组,并且把它累积到一个值中。

使用 reduce 方法时,你要传入一个回调函数,这个回调函数的参数是一个 累加器 (比如例子中的previousVal) 和当前值 (currentVal)。

reduce 方法有一个可选的第二参数,它可以被用来设置累加器的初始值。如果没有在这定义初始值,那么初始值将变成数组中的第一项,而currentVal 将从数组的第二项开始。

实例如下:var singleVal = array.reduce(function(previousVal, currentVal) {
   return previousVal - currentVal;
}, 0);

0是初始值。

(3)filter 方法用来迭代一个数组,并且按给出的条件过滤出符合的元素。

filter 方法传入一个回调函数,这个回调函数会携带一个参数,参数为当前迭代的项(我们叫它val )。

回调函数返回 true 的项会保留在数组中,返回 false 的项会被过滤出数组。

下面的代码示例展示了使用 filter 来移除数组中值等于5的项:

array = array.filter(function(val) {
  return val !== 5;
});

(4)sort 方法,你可以很容易的按字母顺序或数字顺序对数组中的元素进行排序。

与我们之前用的数组方法仅仅返回一个新数组不同, sort 方法将改变原数组,返回被排序后的数组。

sort 可以把比较函数作为参数传入。比较函数有返回值,当a 小于 b,返回一个负数;当 a 大于 b,返回一个正数;相等时返回0。

如果没有传入比较函数,它将把值全部转成字符串,并按照字母顺序进行排序。

从大到小排列:

var array = [1, 12, 21, 2];

array.sort(function(a, b) {

  return b-a;
});

从小到大排列:

var array = [1, 12, 21, 2];

array.sort(function(a, b) {

  return a-b;
});

(5)reverse 方法来翻转数组。
var myArray = [1, 2, 3];
myArray.reverse();

结果myArray 变成了 [3, 2, 1]

(5)concat方法可以用来把两个数组的内容合并到一个数组中。

concat 方法的参数应该是一个数组。参数中的数组会拼接在原数组的后面,并作为一个新数组返回。

实例如下:

var oldArray = [1,2,3];
var newArray = [];


var concatMe = [4,5,6];


// 只能在这一行下面写代码


newArray = oldArray.concat(concatMe);


(6)split方法方法按指定分隔符将字符串分割为数组你要给split 方法传递一个参数,这个参数将会作为一个分隔符。

示例如下:var string = "Split me into an array";
var array = [];
array = string.split(' ');

用空格把字符串分割成数组。

(7)join 方法来把数组转换成字符串,里面的每一个元素可以用你指定的连接符来连接起来,这个连接符就是你要传入的参数。

下面展示了使用join 来将数组中的每一项放入字符串,并用 and进行连接

var veggies = ["Celery", "Radish", "Carrot", "Potato"];
var salad = veggies.join(" and ");
console.log(salad); // "Celery and Radish and Carrot and Potato"


原创粉丝点击