/**
* 字符串的扩展
*/ // 模板字符串 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. LN : leetcode 215 Kth Largest Element in an Array

    lc 215 Kth Largest Element in an Array 215 Kth Largest Element in an Array Find the kth largest elem ...

  2. 洛谷P2762 太空飞行计划问题(最大权闭合图)

    题意 有$m$个实验,$n$中器材,每个实验需要使用一些器材 每个实验有收入,每个器材有花费 最大化收入 - 花费 Sol 最大权闭合图的经典应用 从$S$向每个实验连流量为该实验收入的边 从每个器材 ...

  3. 总结这几天学到的HTML标签

    1.基础知识W3S,操作慕课网或者FCC网 2.标签必须闭合 标签一般成对出现如:<h1>xxxx</h1> 标签也有空内容标签如:<br/> 标签的属性和属性值放 ...

  4. Failure to transfer org.apache.maven.plugins:maven-compiler-plugin:jar:2.5.1

    Mac上写了一段基于Maven的java代码. 上传Git后,在windows上pull下来,eclipse里面各种错误. ArtifactTransferException:Failure to t ...

  5. Codeforces GYM 100741A . Queries

    time limit per test 0.25 seconds memory limit per test 64 megabytes input standard input output stan ...

  6. Linux下搭建DHCP服务器

    一.DHCP所需软件包 dhcp-common-4.1.1-34.Pl.el6.centos.x86_64 dhcp-4.1.1-34.pl.el6.centon.x86_64 二.编辑主配置文件 v ...

  7. mybatis 存储过程的写法

    (注意事项: 在使用游标的时候,不能在游标声明之前,使用crud) 存储过程示例 CREATE DEFINER=`root`@`::` PROCEDURE `earnings_proceduce`() ...

  8. Activiti6简明教程

    一.为什么选择Activiti 工作流引擎对比 二.核心7大接口.28张表 7大接口 (一)7大接口 RepositoryService:提供一系列管理流程部署和流程定义的API. RuntimeSe ...

  9. process data

    # version 1.0def connect_mysql(sql, oper_type="select", data_l=None): conn = pymysql.conne ...

  10. HTML中获取input中单选按钮radio数据(性别例子)

    个人学习整理 1.编写HTML <!doctype html> <html> <head> <meta charset="utf-8"&g ...