/**
* 字符串的扩展
*/ // 模板字符串 tab上面的反向符号
// 添加${}
// let flag = true;
//
// let html = `<ul>
// <li>
// <span>${'首页'}</span>
// <span></span>
// <span></span>
// <span class="${flag ? 'show' : 'hide'}"></span>
// <span></span>
// </li>
// </ul>`;
//
// console.log(html); /**
* 1 repeat 复制功能
* 2 includes() 查找返回布尔值
*startsWith() 判断开头位置 返回布尔值
*endsWith() 判断结尾位置 返回布尔值
*/ // let str1 = 'a';
//
// let str2 = str1.repeat(3);
//
// console.log(str2); // let str = 'miaov';
//
// console.log(str.includes('ao')); // true
// console.log(str.includes('asd')); // false
//
// console.log(str.startsWith('m')); // true
// console.log(str.startsWith('o')); // false
//
// console.log(str.endsWith('ov')); // true
// console.log(str.endsWith('m')); // true /**
* 数组的扩展
*/ // Array.from() 类数组转换成数组 // var lis = document.querySelectorAll('li');
//
// // console.log(Array.isArray(lis));
//
// var lis2 = Array.from(lis);
//
// console.log(lis2);
// console.log(Array.isArray(lis2)); // Array.of() 创建数组 // const arr = Array.of(1);
//
// console.log(arr); // find() 返回符合元素,没有返回undefind
// findIndex() 返回元素下标,没有返回 -1 // const arr = [1, 2, 3, 4];
//
// let res = arr.find(function (a){
// return a < -100;
// });
//
// console.log(res); // let res = arr.findIndex(function (a){
// return a < -200;
// });
//
// console.log(res); // fill() 替换数组的内容,可以选择下标位置进行指定的替换 // const arr = [1, 2, 3, 4];
//
// arr.fill('abc', 1, 3);
//
// console.log(arr); /**
* 对象的扩展
*/ // 对象的简洁表示法 let a = 1; // const obj = {
// a: a
// }; // const obj = {a}
//
// console.log(obj); // const obj = {
// fn: function (){
// console.log(1);
// },
// fn2(){
// console.log(2);
// }
// }
//
// obj.fn();
// obj.fn2(); // Object.is() 判断是否一样 // console.log(Object.is(NaN, NaN)); //ture
//
// console.log(Object.is(+0, -0)); //false // Object.assign() 第一个参数目标对象
// 用于对象的合并,将源对象的所有可枚举属性,复制到目标对象。 let obj1 = {a: 1};
let obj2 = {a: 2, b: 3};
let obj3 = {c: 'abc'}; Object.assign(obj1, obj2, obj3); console.log(obj1);

ES6__字符串、数组、对象的扩展的更多相关文章

  1. js jq 字符串数组对象

    数组是有序的,对象是无序,数组是特殊的对象 数组 声明数组 var arr=new Array('red','blue','yellow'); //["red", "bl ...

  2. es6学习笔记--字符串&数值&数组&函数&对象的扩展

    这几天抽空学习了es6语法,关于字符串,数值,数组,函数以及对象的扩展,看到es6标准入门这本书,里面讲的扩展特别多,我认为有几部分在项目上用不到,就挑有用的当笔记学习了. 字符串的扩展 str.in ...

  3. 前端笔记之ES678&Webpack&Babel(中)对象|字符串|数组的扩展&函数新特性&类

    一.对象的扩展 1.1对象属性名表达式 ES6可以在JSON中使用[]包裹一个key的名字.此时这个key将用表达式作为属性名(被当做变量求值),这个key值必须是字符串. var a = 'name ...

  4. 第一课:js命名空间的介绍,js对象的扩展以及js数组化

    1.命名空间: js里面的命名空间就是使用对象的属性来扩展的.比如,用户定义一个A对象,A对象下面有B属性和C属性,同时B属性和C属性又是对象.因此A={B:{},C:{}},这时用户就可以在B对象和 ...

  5. ES6中数组和对象的扩展运算符拷贝问题以及常用的深浅拷贝方法

    在ES6中新增了扩展运算符可以对数组和对象进行操作.有时候会遇到数组和对象的拷贝,可能会用到扩展运算符.那么这个扩展运算符到底是深拷贝还是浅拷贝呢? 一..使用扩展运算符拷贝 首先是下面的代码. le ...

  6. ES6 常用总结——第三章(数组、函数、对象的扩展)

    1.1. Array.from() Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结 ...

  7. JavaScript内置对象(字符串,数组,日期的处理)

    Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首 ...

  8. struts2:遍历自定义字符串数组,遍历Action实例所引用对象中的数组

    在struts2:OGNL表达式,遍历List.Map集合:投影的使用一文中已经讲述了OGNL遍历List.Map集合等功能. 本文简单写一个遍历数组的示范程序. 1. 遍历自定义字符串数组 < ...

  9. javascript中的字符串对象和数组对象

    1.javascript的对象的概念 在javascript中,除了null和undefined以处,其他的数据类型都被定义成了对象 也可以用创建对象的方法定义变量,string,math,array ...

随机推荐

  1. SEO & HTML语义化

    SEO SEO的概念:搜索引擎优化,常见的搜索引擎有百度.谷歌等.优化的话,就是通过我们的处理,使得我们的网站在搜索引擎下有一个理想的结果. SEO的目的:当用户在搜索引擎上搜索关键词的时候,看到我们 ...

  2. 【学习笔记】深入理解js原型和闭包(9)—— 简述【执行上下文】下

    继续上一篇文章(https://www.cnblogs.com/lauzhishuai/p/10078231.html)的内容. 上一篇我们讲到在全局环境下的代码段中,执行上下文环境中有如何数据: 变 ...

  3. 安装scount的es驱动,composer require tamayo/laravel-scout-elastic报错解决

    执行 composer require tamayo/laravel-scout-elastic 报错信息如下: Problem 1 - Installation request for tamayo ...

  4. Mac environment setting

    java 7 jdk http://www.ifunmac.com/2013/04/mac-jdk-7/ http://blog.sina.com.cn/s/blog_6dce99b101016744 ...

  5. (转)使用Spring的注解方式实现AOP的细节

    http://blog.csdn.net/yerenyuan_pku/article/details/52879669 前面我们已经入门使用Spring的注解方式实现AOP了,现在我们再来学习使用Sp ...

  6. ElasticSearch使用spring-data-elasticSearch的用法

    spring-data-Elasticsearch 使用之前,必须先确定版本,elasticsearch 对版本的要求比较高. spring和elasticsearch有两种链接方式,一种是用TCP协 ...

  7. iOS代理模式

    iOS代理模式的简单理解:当一个对象无法直接获取到另一个对象的指针,又希望对那个变量进行一些操作时,可以使用代理模式. 代理主要由三部分组成: (1)协议:用来指定代理双方可以做什么,必须做什么. ( ...

  8. vue iview render里面 没有双向绑定 renderHeader 要序列化 反序列 一下

    vue iview render里面 没有双向绑定 renderHeader 要序列化 反序列 一下 renderHeader: (h, params) => { return [ h('Rad ...

  9. android 解密工具

    androguard. 这个是python写的 安装: pip install androguard

  10. Eclipse启动的时候提示:Failed to load JavaHL Library

    版本信息: Eclipse Project Release Notes Release 4.7.3 启动提示: Subclipse talks to Subversion via a Java API ...