学学JavaScript(ES6)对象、函数、字符串新语法

2024-06-03 10:38

本文主要是介绍学学JavaScript(ES6)对象、函数、字符串新语法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

作为程序员,应该紧跟时代潮流,多学习几门编程语言,技多不压身,JavaScript就是其中一门非常有用的语言,学好它,走遍天下都不怕找不到工作,目前最新稳定的版本是ECMAScript2015,简称ES6。今天来讲讲程序员必须熟悉这门编程语言的对象、函数、字符串新语法!


字符串的拓展

增加了模板字符串,以后就不用一个个用引号连接字符串了,用Tab键上面的```````键将HTML中的内容包括起来即可。

学学JavaScript(ES6)对象、函数、字符串新语法

模板字符串

/**

* 1 、repeat

* 2 、includes() startsWith() endsWith()

*/

let str1 = 'a';

let str2 = str1.repeat(3);//aaa

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

新增加了repeat()、includes() 、startsWith() 、endsWith()等方法,这个看看上面的代码就知道,不用我多说了吧。

数组的拓展

学习一门语言,最好的方式还是先看看代码,自己动手实现以下就理解了,如下:


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() findIndex()

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);

学学JavaScript(ES6)对象、函数、字符串新语法

对象的扩展

// Object.is()

// console.log(Object.is(NaN, NaN));

//

// 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);

学学JavaScript(ES6)对象、函数、字符串新语法


对与上面JavaScript有不理解的程序员,可以找我!

这篇关于学学JavaScript(ES6)对象、函数、字符串新语法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/1026753

相关文章

Spring Integration Redis 使用示例详解

《SpringIntegrationRedis使用示例详解》本文给大家介绍SpringIntegrationRedis的配置与使用,涵盖依赖添加、Redis连接设置、分布式锁实现、消息通道配置及... 目录一、依赖配置1.1 Maven 依赖1.2 Gradle 依赖二、Redis 连接配置2.1 配置 R

MyBatis的xml中字符串类型判空与非字符串类型判空处理方式(最新整理)

《MyBatis的xml中字符串类型判空与非字符串类型判空处理方式(最新整理)》本文给大家介绍MyBatis的xml中字符串类型判空与非字符串类型判空处理方式,本文给大家介绍的非常详细,对大家的学习或... 目录完整 Hutool 写法版本对比优化为什么status变成Long?为什么 price 没事?怎

Spring Security重写AuthenticationManager实现账号密码登录或者手机号码登录

《SpringSecurity重写AuthenticationManager实现账号密码登录或者手机号码登录》本文主要介绍了SpringSecurity重写AuthenticationManage... 目录一、创建自定义认证提供者CustomAuthenticationProvider二、创建认证业务Us

Java Stream流以及常用方法操作实例

《JavaStream流以及常用方法操作实例》Stream是对Java中集合的一种增强方式,使用它可以将集合的处理过程变得更加简洁、高效和易读,:本文主要介绍JavaStream流以及常用方法... 目录一、Stream流是什么?二、stream的操作2.1、stream流创建2.2、stream的使用2.

Java对接MQTT协议的完整实现示例代码

《Java对接MQTT协议的完整实现示例代码》MQTT是一个基于客户端-服务器的消息发布/订阅传输协议,MQTT协议是轻量、简单、开放和易于实现的,这些特点使它适用范围非常广泛,:本文主要介绍Ja... 目录前言前置依赖1. MQTT配置类代码解析1.1 MQTT客户端工厂1.2 MQTT消息订阅适配器1.

Spring Boot项目如何使用外部application.yml配置文件启动JAR包

《SpringBoot项目如何使用外部application.yml配置文件启动JAR包》文章介绍了SpringBoot项目通过指定外部application.yml配置文件启动JAR包的方法,包括... 目录Spring Boot项目中使用外部application.yml配置文件启动JAR包一、基本原理

SpringBoot加载profile全面解析

《SpringBoot加载profile全面解析》SpringBoot的Profile机制通过多配置文件和注解实现环境隔离,支持开发、测试、生产等不同环境的灵活配置切换,无需修改代码,关键点包括配置文... 目录题目详细答案什么是 Profile配置 Profile使用application-{profil

Java中InputStream重复使用问题的几种解决方案

《Java中InputStream重复使用问题的几种解决方案》在Java开发中,InputStream是用于读取字节流的类,在许多场景下,我们可能需要重复读取InputStream中的数据,这篇文章主... 目录前言1. 使用mark()和reset()方法(适用于支持标记的流)2. 将流内容缓存到字节数组

Java慢查询排查与性能调优完整实战指南

《Java慢查询排查与性能调优完整实战指南》Java调优是一个广泛的话题,它涵盖了代码优化、内存管理、并发处理等多个方面,:本文主要介绍Java慢查询排查与性能调优的相关资料,文中通过代码介绍的非... 目录1. 事故全景:从告警到定位1.1 事故时间线1.2 关键指标异常1.3 排查工具链2. 深度剖析:

Springboot项目登录校验功能实现

《Springboot项目登录校验功能实现》本文介绍了Web登录校验的重要性,对比了Cookie、Session和JWT三种会话技术,分析其优缺点,并讲解了过滤器与拦截器的统一拦截方案,推荐使用JWT... 目录引言一、登录校验的基本概念二、HTTP协议的无状态性三、会话跟android踪技术1. Cook