ES6——Array对象的方法和扩展、数组的遍历 、string的扩展方法

目录

一、Array对象方法

  1.Array.from()：将伪数组或可遍历对象转换为真正的数组（字符串，对象，类数组，set，map等）

  2.array.find()：返回数组符合条件的第一个元素的值(数组与对象)

  3.array.findindex()：找出符合条件的成员的位置。

  4.array.includes()：找出某个数组是否包含给定的值。

二、Array扩展

  1.array.map()  返回新数组

  2. array.filter() 过滤

  3.array.reduce() 缩减

  4.array.fill() 填充

三、string扩展

  1.模板字符串的用法

  2.startsWith和endsWith用法

  3.repeat字符串重复次数

四、数组的遍历

  1.for of遍历数组的值

  2.for in 遍历索引

  3.for of 遍历对象

  4.forEach的用法

五、例题

  1.找到一组同学中考试分数及格的第一个同学并输出到页面上。

  2.找出大于指定年龄（页面input框接收）的第一个人，并输出这个人的位置。 

  3.一组人员信息，输出到页面上显示。

  4.输出一组人员信息，输出到页面信息如下（姓名，分数，是否及格60分）。

---

一、Array对象方法

  1.Array.from()：将伪数组或可遍历对象转换为真正的数组（字符串，对象，类数组，set，map等）

let str = '1234';
const arr1 =Array.from(str);
console.log(arr1);     // ['1', '2', '3', '4']

  
const Arr = {
      2:'a',
      3:'b',
      length:4,
}
console.log(Array.from(Arr));   // [undefined, undefined, 'a', 'b']

  2.array.find()：返回数组符合条件的第一个元素的值(数组与对象)

const arr = [1,2,3,4];//数组
let num = arr.find(item=>item==3);
console.log(num);//3
 
 
const arr1 = [    //对象
        {realname:"张三1",age:18},
        {realname:"张三2",age:17},
        {realname:"张三3",age:19},
        {realname:"张三4",age:17},
            ];
console.log(arr1.find(item=>item.age==17));//age: 17 realname: "张三2"

  3.array.findindex()：找出符合条件的成员的位置。

const arr = [1,2,3,4]; //数组
console.log(arr.findIndex(item=>item==4)); //3
            
 
 
const arrobj = [    //对象
        {realname:"张三1",age:18},
        {realname:"张三2",age:19},
        {realname:"张三3",age:15},
        {realname:"张三4",age:14},
            ]
console.log(arrobj.findIndex(item=>item.age==19)); //1

  4.array.includes()：找出某个数组是否包含给定的值。

const arr = [1,2,3,4];
console.log(arr.includes(10));//有就返回true 没有就返回false

二、Array扩展

  1.array.map()  返回新数组

const arr = [1,2,3,4];
const newarr = arr.map(item=>item+2);
console.log(newarr); //从新输出一个数组，不是改变原的数组

  2. array.filter() 过滤

const arr = [1,2,3,4,5,6,7];
const newarr = arr.filter(item=> item%2==0);
console.log(newarr);

  3.array.reduce() 缩减

//total:即是初始值又是返回值
//currentValue:当前值
reduce第二个参数指定初始值
const arr = [1,2,3,4,5];
let sum = arr.reduce((total,currentValue)=>{
            return total + currentValue;
},10) //可以指定初始值
console.log(sum);

  4.array.fill() 填充

    let arr = [1,2,3,4,5,6,7];
    arr.fill('x',1,3);
    console.log(arr);//[1, 'x', 'x', 4, 5, 6, 7]

三、string扩展