ES6内置对象的扩展(Array ,String)

Array 的扩展方法

构造函数方法: Array.from()

将类数组或可遍历对象转换为真正的数组

let arrayLike = {
    '0' : 'a',
    '0' : 'b',
    '0' : 'c',
    length:3
};
let arr2 = Array.from(arrayLike); //  [ 'a', 'b', 'c' ]

方法还可以接受第二个参数 作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组

let arrayLike = {
    '0' : '1',
    '0' : '2',
    length:2
};
var ary = Array.from(arrayLike, (item) =>{
  return  item * 2
})

实例方法:find()

用于找出第一个符合条件的数组成员,如果没有找到返回undefined
let ary = [
 {
  id: 1
  name: '张三'
 },
 {
  id: 2
  name: '李四'
 }
]

  let add = ary.find( (item,index) =>{
                    return item.id == 2
                })

console.log(add)

实例方法:findIndex()

用于找出第一个符合条件的数组成员的索引位置,如果没有找到返回-1

let ary = [1, 5, 10, 15];
let index  = ary.findIndex( (value,index) => value > 9 );

console.log(index)  //2

实例方法 includes()

表示某个数组是否包含给定的值,返回布尔值。

[1, 2, 3].includes(2)  //true
[1, 2, 3].includes(4)  //false

String的扩展方法

模板字符串

ES6新增的创建字符串方式,使用反引号定义。

let name = ` zhangsan`

特点1
可以解析变量

let name = '张三';
let sayhellow = `hello, my name is ${ name } ` //hellow, my name is 张三

特点2 可以换行显示

特点3 可以调用函数

const asy = function () {
  return  '啦啦啦啦'
};
let geet  = `${ asy() }`
console.log(geet)   //  啦啦啦啦

实例方法 startWith() 和 endsWith()

startsWith() 表示参数的字符串是否在原字符串的头部,返回布尔值
endsWith() 表示参数的字符串是否在原字符串的尾部,返回布尔值

 let str = 'Hello world'
str.startsWith('Hello') //true
str.endsWith('world') //true

实例方法 repeat()

repeat方法表示将原字符串重复n次,返回一个新的字符串。

'x'.repeat(3)  //  'xxx'

你可能感兴趣的:(ES6内置对象的扩展(Array ,String))