ES6__字符串、数组、对象的扩展
/**
* 字符串的扩展
*/ // 模板字符串 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__字符串、数组、对象的扩展的更多相关文章
- js jq 字符串数组对象
数组是有序的,对象是无序,数组是特殊的对象 数组 声明数组 var arr=new Array('red','blue','yellow'); //["red", "bl ...
- es6学习笔记--字符串&数值&数组&函数&对象的扩展
这几天抽空学习了es6语法,关于字符串,数值,数组,函数以及对象的扩展,看到es6标准入门这本书,里面讲的扩展特别多,我认为有几部分在项目上用不到,就挑有用的当笔记学习了. 字符串的扩展 str.in ...
- 前端笔记之ES678&Webpack&Babel(中)对象|字符串|数组的扩展&函数新特性&类
一.对象的扩展 1.1对象属性名表达式 ES6可以在JSON中使用[]包裹一个key的名字.此时这个key将用表达式作为属性名(被当做变量求值),这个key值必须是字符串. var a = 'name ...
- 第一课:js命名空间的介绍,js对象的扩展以及js数组化
1.命名空间: js里面的命名空间就是使用对象的属性来扩展的.比如,用户定义一个A对象,A对象下面有B属性和C属性,同时B属性和C属性又是对象.因此A={B:{},C:{}},这时用户就可以在B对象和 ...
- ES6中数组和对象的扩展运算符拷贝问题以及常用的深浅拷贝方法
在ES6中新增了扩展运算符可以对数组和对象进行操作.有时候会遇到数组和对象的拷贝,可能会用到扩展运算符.那么这个扩展运算符到底是深拷贝还是浅拷贝呢? 一..使用扩展运算符拷贝 首先是下面的代码. le ...
- ES6 常用总结——第三章(数组、函数、对象的扩展)
1.1. Array.from() Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结 ...
- JavaScript内置对象(字符串,数组,日期的处理)
Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首 ...
- struts2:遍历自定义字符串数组,遍历Action实例所引用对象中的数组
在struts2:OGNL表达式,遍历List.Map集合:投影的使用一文中已经讲述了OGNL遍历List.Map集合等功能. 本文简单写一个遍历数组的示范程序. 1. 遍历自定义字符串数组 < ...
- javascript中的字符串对象和数组对象
1.javascript的对象的概念 在javascript中,除了null和undefined以处,其他的数据类型都被定义成了对象 也可以用创建对象的方法定义变量,string,math,array ...
随机推荐
- 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 ...
- 洛谷P2762 太空飞行计划问题(最大权闭合图)
题意 有$m$个实验,$n$中器材,每个实验需要使用一些器材 每个实验有收入,每个器材有花费 最大化收入 - 花费 Sol 最大权闭合图的经典应用 从$S$向每个实验连流量为该实验收入的边 从每个器材 ...
- 总结这几天学到的HTML标签
1.基础知识W3S,操作慕课网或者FCC网 2.标签必须闭合 标签一般成对出现如:<h1>xxxx</h1> 标签也有空内容标签如:<br/> 标签的属性和属性值放 ...
- 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 ...
- Codeforces GYM 100741A . Queries
time limit per test 0.25 seconds memory limit per test 64 megabytes input standard input output stan ...
- 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 ...
- mybatis 存储过程的写法
(注意事项: 在使用游标的时候,不能在游标声明之前,使用crud) 存储过程示例 CREATE DEFINER=`root`@`::` PROCEDURE `earnings_proceduce`() ...
- Activiti6简明教程
一.为什么选择Activiti 工作流引擎对比 二.核心7大接口.28张表 7大接口 (一)7大接口 RepositoryService:提供一系列管理流程部署和流程定义的API. RuntimeSe ...
- process data
# version 1.0def connect_mysql(sql, oper_type="select", data_l=None): conn = pymysql.conne ...
- HTML中获取input中单选按钮radio数据(性别例子)
个人学习整理 1.编写HTML <!doctype html> <html> <head> <meta charset="utf-8"&g ...