JS学习（4）

1.解构

中括号解构

var[x,y,z]=[10,20,30];
alert(x+","+y);
var [x,[a,b],y]=[10,[20,30],40];

大括号解构

var{name,age,sex}={
    age:18,
    name:"钢铁侠"，
    sex:'男'
  };
   alert(name);
   alert(age);
   alert(sex);

使用解构的好处

1. 交换两个数，比之前更加简单

var [x, y] = [10, 20];
[x, y] = [y, x];
alert(x + "," + y);//20 10

2. 函数可以返回多个值

function show() {
   return ["结果1", "结果2", "结果3"];

3. 函数定义参数，和传入参数的顺序改变
   [注]参数可以带默认值

function showSelf({ name, age=18, sex }) {
             alert("我叫" + name + "," + "今年" + age + ",是一位" + sex + "性");
             alert(`我叫${name},今年{Math.max(age,20)}岁,是一位${sex}性`);

         }
         showSelf({
             age: 18,
             sex: "男",
             name: "小明"
         }) 

4. 快速取出数组中的某一个元素

var arr = [10, 20, 30, 40, 50];
var { 0: first, 4: last } = arr;
alert(first);
alert(last == arr[4]);

传统字符串：所有单引号、双引号括起来的都叫做字符串
ECMA6字符串：反引号 ``

1. ECMA6字符串，想怎么写怎么写，换行，代码缩进，都能在字符串中体现出来
2. ${变量/表达式/函数调用}

2.数组方法和合并对象

• Array.from() 将伪数组转成真数组
• find() 在数组中查找符合条件的元素，只要找到第一个符合条件的元素，就终止遍历; 返回值：找到的元素

var arr = [10, 20, 30, 40, 50];
var res = arr.find(function (item, index, arr) {
             return item > 20;
  })
alert(res); 

• findIndex() 返回值：找到的元素的下标 function (item, index, arr)