访问器属性/字符串和数组方法

访问器属性/字符串和数组方法

1. 实例演示访问器属性

//对象属性传统访问方式
let obj = {
  item: {
    price: 5000,
  },
};
console.log(obj.item.price); //传统访问
//更新
obj.item.price = 7000;
console.log(obj.item.price); //传统访问
//访问器属性方式
obj = {
  item: {
    price: 5000,
  },
  get price() {
    return this.item.price;
  },
  set price(price) {
    this.item.price = price;
  },
};
console.log(obj.price);
console.log((obj.price = 9000));

2. 实例演示课堂上列出的所有字符串和数组方法

字符串方法

1. str.length
2. str.search()
3. str.replace()
4. str.slice()
5. str.substr()
6. str.split()
7. str.toLowerCase()
8. str.toUpperCase()

let str = "php中文网";
// 1. length: 获取字符串的长度
console.log(str.length); //6
// 2. search(): 返回字符的索引
console.log(str.search("中")); //3
// 3. replace(): 字符替换
console.log(str.replace("中文网", ".cn")); //php.cn
// 4. slice(): 查询子串
//第一个参数是起始索引，第二个参数是结束索引，忽略最后一个索引的值
console.log(str.slice(0, 3)); //php
// 5. substr(): 查询子串
//第一个参数是起始索引，第二个参数是索引个数
console.log(str.substr(0, 3));
// 6. split(): 把字符串转为数组
console.log(str.split(""));
// 7. toLowerCase(): 把字母转为小写
console.log("Hello World".toLowerCase());
// 8. toUpperCase(): 把字母转为大写
console.log("abc".toUpperCase());

数组的方法

//push():添加至尾部，并返回当前数组中元素个数
let arr = []; //创建空数组arr
console.log(arr.push("a")); //添加字符a，输出1
console.log(arr.push("b", "c")); //在a后面又添加了2个字符b,c，输出3
console.log(arr); //输出数组arr观察:[ 'a', 'b', 'c' ]
//pop():从尾部删除，并返回被删除的元素
console.log(arr.pop()); //c
console.log(arr); //["a", "b"];
console.log(arr.pop()); //b
console.log(arr); //["a"];
//unshift():添加至头部，并返回当前数组中元素个数
let arr1 = [];
console.log(arr1.unshift("A")); //添加字符A，输出1
console.log(arr1); //[ 'A' ]
console.log(arr1.unshift("C", "B")); //添加字符C,B，输出3
console.log(arr1); //[ 'C', 'B', 'A' ]
//shift():从头部删除，并返回被删除的元素
console.log(arr1.shift()); //C
console.log(arr1); //[ 'B', 'A' ]
console.log(arr1.shift()); //B
console.log(arr1); //[ 'A' ]
console.log(arr1.shift()); //A
console.log(arr1); //[]
//删除任意位置的元素
let arr2 = [10, 20, 30, 40, 50];
//使用delete删除指定的数组索引的元素，返回一个布尔值，true表示删除成功，false表示删除失败。
console.log(delete arr2[2]); //true
console.log(arr2); //[ 10, 20, <1 empty item>, 40, 50 ]，delete删除了元素的值，但是他的位置还在，是空元素。

3. 实战之循环队列

使用while循环

let arr2 = [1, 2, 3, 4];
let num2,
  i = 0;
while (i <= 5) {
  console.log(arr2);
  num2 = arr2.shift();
  arr2.push(num2);
  i++;
}

使用for循环

let arr1 = [1, 2, 3, 4];
let num1 = 0;
console.log(arr1);
for (let i = 0; i < 5; i++) {
  num1 = arr1.shift();
  arr1.push(num1);
  console.log(arr1);
}