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 ...
随机推荐
- 【转】Java泛型方法
1. 定义泛型方法 (1) 如果你定义了一个泛型(类.接口),那么Java规定,你不能在所有的静态方法.静态初块等所有静态内容中使用泛型的类型参数.例如: public class A<T> ...
- fetch和axios区别,proxy代理配置
1.今天使用fetch调用接口时使用console.log(res.data)始终是undefined,使用anxios请求则可以成功请求到数据,非常奇怪,于是查了一圈,才搞明白是我自以为了,哎,浪费 ...
- 谈谈你对Application类的理解
其实说对什么的理解,就是考察你对这个东西会不会用,重点是有没有什么坑! 首先,Application在一个Dalvik虚拟机里面只会存在一个实例,所以你不要傻傻的去弄什么单例模式,来静态获取Appli ...
- (转)关于IC设计的想法 Author :Fengzhepianzhou
一.工具的使用 工欲善其事,必先利其器.我们做IC设计的需要掌握的工具:仿真(vcs.modelsim),综合工具(dc.QS.ISE),时序分析(pt.其他的).以及后端的一些工具,比如astro. ...
- SQL系列学习 存储过程&事物语法
/*学习事物基本语法*/ /*增加课室名的唯一索引*/ ALTER table class add constraint uni_ClassName unique(name) /*创建存储过程,其中增 ...
- zabbix auto registration
1./etc/zabbix/zabbix_agent.conf serverActive=zabbix server ip 2.frontend configuration>actions> ...
- FileZilla Server安装配置教程
1. FileZilla官网下载FileZilla Server服务器,目前最新版本为0.9.53. 2. 安装FileZilla服务器.除以下声明的地方外,其它均采用默认模式,如安装路径等. 2.1 ...
- NOIP考纲
首先来一张图,很直观(截止到2012年数据) 下面是收集的一些,我改了一下 红色加粗表示特别重要,必须掌握绿色加粗表示最好掌握,可能性不是很大,但是某些可以提高程序效率 高精度 a.加法 b.减法 c ...
- CF633H Fibonacci-ish II
题目描述 题解: 坑题搞了三天. 莫队+线段树. 还有一些和斐波那契数列有关的性质. 首先答案是$a_1f_1+a_2f_2+…+a_nf_n$, 考虑插进去一个元素对答案产生的影响. 比如插进去一个 ...
- 杭电 1260 Tickets
Description Jesus, what a great movie! Thousands of people are rushing to the cinema. However, this ...