ES6数组扩展（nodeList转数组）、对象扩展(对象合并)、延展操作符(字符串转数组)

最新推荐文章于 2024-06-23 21:02:08 发布
最新推荐文章于 2024-06-23 21:02:08 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： JS 前端 ES6学习笔记 文章标签： ES6 数组扩展 对象扩展 延展操作符
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xm393392625/article/details/80973597
版权
JS 同时被 3 个专栏收录
38 篇文章 1 订阅
订阅专栏
前端
35 篇文章 0 订阅
订阅专栏
ES6学习笔记
9 篇文章 0 订阅
订阅专栏

案例代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>内置对象扩展</title>
	</head>
	<body>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
			<li>6</li>
		</ul>
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script>
			//1.模板字符串
			let html_1='<html><head></head><body><p>今天天气很好！</p><div>适合敲代码</div></body></html>';
			console.log(html_1);
			let str_1='今天天气很好！';
			let str_2='适合敲代码';
			let className='test';
			let html_2=`
				<html>
					<head></head>
					<body>
						<p>${str_1}</p>
						<div class="${className}">${str_2}</div>
					</body>
				</html>
			`;
			console.log(html_2);
			//2.数组的扩展
			let allLis=document.querySelectorAll('li');
			console.log(allLis);
			console.log(Array.isArray(allLis));
			//转成标准数组
			console.log(Array.from(allLis));
			console.log(Array.isArray(Array.from(allLis)));
			//字符串转数组
			console.log(Array.of(1,2,3,4));
			//3.对象扩展
			let obj={
				'name':'大金',
				'age':18
			}
			console.log(obj);
			let obj_1={'name':'小金'};
			let obj_2={'age':17};
			console.log(Object.assign(obj_1,obj_2));
			//4.延展操作符
			let name='今天天气真好！';
			let names=[...name];
			console.log(names);
			let myArr=[1,2,3,2,'大金',20,1,4];
			console.log(new Set(myArr));
			console.log([...new Set(myArr)]);
		</script>
	</body>
</html>

夏木炎
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
es6数组之扩展运算符操作实例分析
11-21
4. 替代`Array.from()`：对于某些非数组对象，如类数组对象，可以使用扩展运算符转换为真正的数组，如`const divs = [...document.querySelectorAll('div')]`。 5. 处理函数参数：扩展运算符可以方便地处理不定数量...
List 与 数组 相互转换
chuyouyinghe的专栏
09-13 4898
注意该方法的返回值是java.util.Arrays类中一个私有静态内部类java.util.Arrays.ArrayList，原文链接：https://blog.csdn.net/Gc_680/article/details/122568085。java.util.Arrays.ArrayList类具有set()，get()，contains()等方法，也就是说，此种方法残缺：重新得到的 list 不能 add( ) 或者 remove( );输出指定类型的数组，输出的数组类型与括号中参数类型一致；
JavaScript把集合转换成数组（ES6语法）
奔跑的面条博客
07-25 5623
数组可以使用众多的操作方法，如push()、pop()、等，但是对于一个集合来说是无法直接使用数组的方法的，那么ES6就给我们提供了一个把集合转变成数组的方法 Array.from() 第一个案例 let arr = Array.of(3,4,7,9,11); console.log('arr=',arr) //arr=[3,4,7,9,11] 第二个案例 <html> ...
NodeList转普通数组
最新发布
Xiaokt_w的博客
06-23 212
我们再用document.querySelectorAll()的时候，他的返回值是一个和数组很像的东西：NodeList。这种像数组又不是数组的东西叫伪数组。这种数组用判断的结果返回的是flase。接下来我来教大家几种能把NodeList转成普通数组的方法。
ES6——类数组转换为数组的几种方法以及for of、forin、for Each的区别
NanChen的博客
09-27 1431
一、什么是类数组？ JavaScript中有一些看起来像却又不是数组的对象，叫做类数组。 二、什么是类数组对象？ 只包含使用从0开始的，并且是自然递增的整数作为键，还定义了length用来表示元素个数的对象，通常就认为是类数组对象。 具有：指向对象元素的数字索引下标，以及 length 属性告诉我们对象的元素个数； 不具有：比如像push 、 forEach 以及 indexOf 等数组对象具有的方法； 例如： var obj = { 0: 'a', 1: 'b', 2:.
Nodejs 字符串string转字节数组byte[]
pengpengzhou的博客
03-26 1万+
Nodejs目前还没有原生支持从string到byte[]的转换，需要自己写。可以给String对象加一个原型函数，如下示例： String.prototype.toBytes = function(encoding){ var bytes = []; var buff = new Buffer(this, encoding); for(var i= 0; i< buff.leng...
ES6的方法&类数组转成真正的数组&判断数组的方法
SYQ15544423296的博客
07-26 473
ES6中的全部方法，包括与之对应的原生写法，类数组转成真正的数组&判断数组的方法
js字符串转数组源码文档
02-04
在JavaScript中，将字符串转换为数组是常见的操作，特别是在处理用户输入、文本解析或进行字符串分析时。本文将详细介绍四种常见的方法，它们分别是`split()`方法、`Array.from()`、扩展语法以及`Object.assign()`。...
ES6数组的扩展详解
12-03
在ES6中，数组引入了许多新的...总结起来，`Array.from()`是ES6对数组扩展的重要部分，它提供了方便且灵活的方式来处理类数组对象和可遍历对象，简化了代码，提高了效率，是现代JavaScript开发中不可或缺的一个工具。
ES6数组与对象的解构赋值详解
10-16
**ES6数组与对象的解构赋值详解** 在ES6中，解构赋值是一项强大的语法特性，它使得从数组或对象中提取值并赋值给变量变得更加简洁和直观。解构赋值允许我们根据特定的模式来匹配和提取数据，这在处理复杂的数据结构...
nodejs字符串变数组
weixin_30667649的博客
07-20 2273
let numbers="[1,2,3]"; console.log(typeof(numbers));//输出string let numbersarr= eval(numbers); console.log(typeof(numbersarr));//输出object 转载于:https://www.cnblogs.com/KnowEditByW/p/9340971.h...
List转换成String数组
06-18
很多时候做内部数据处理时，需要用到存储转换String，平常做程序，自己总结的，很实用的。
pg-array:将数组和分隔字符串转换为 PostgreSQL 数组表示
07-13
数组 将数组和分隔字符串转换为 PostgreSQL 数组表示。 $ npm install pg-array 例子 从逗号分隔的字符串 var pgarray = require('pg-array'); pgarray('node, ruby, rust'); //=> '{node,ruby,rust}' 来自任意分隔的字符串 var pgarray = require('pg-array'); pgarray('node; ruby; rust', ';'); //=> '{node,ruby,rust}' 从数组 var pgarray = require('pg-array'); pgarray(['node', 'ruby', 'rust']); //=> '{node,ruby,rust}' 执照
ES6系列——类数组转换为数组的几种方法以及for of、forin、for Each的区别
老司机的后备箱
05-26 2584
以及目录 一、什么是类数组？ 二、什么是类数组对象？ 第一种方法：使用for in 将类数组对象转换为数组 第二种方法:内置对象keys和valus 第三种方法：Array.from() for of、for in和forEach的区别 for of for in for Each 一、什么是类数组？ JavaScript中有一些看起来像却又不是数组的对象，叫做类数组。 二、什么是类数组对象？ 只包含使用从0开始的，并且是自然递增的整数作为键，还定义了length用来表示元素个数的对象，通常就认为是类数组
Js 字符串与数组的相互转换
浅影歌年的博客
08-19 242
数组转字符串： const arr = ['arr1', 'arr2', 'arr3', 'arr4']; const str = arr.toString(); console.log('str', str); 结果： 字符串转数组： const str = 'str1,str2,str3,str4'; const arr = str.split(','); console.log('arr', arr); 结果：
ES6中转换为数组的方法
weixin_45239190的博客
09-27 2573
1.扩展运算符（...） 1.1合并数组 const a1 = [1, 2, 3], a2 = [4], a3 = [5, 6]; const b = [...a1, ...a2, ...a3] // [1, 2, 3, 4, 5, 6] 1.2解构赋值 const [first, ...rest] = [1, 2, 3, 4]; first // 1 rest // [2, 3, 4] 1.3将字符串转换为数组 let obj = [...'hello'] console.log(o
将NodeList转化成数组
wangxiuyan0228的博客
05-26 5793
每一个节点都有一个ChildNodes属性，其中保存着一个类数组对象，有length属性，同时可以通过item()或者[]来访问每一项，当然，也可以转化成数组转化方法function ConvertToArray(nodes){ var array=null; try{ array=Array.prototype.slice.call(nodes,0);//非ie浏...
es6语法之map键值对转化数组
热门推荐
wu_di_tian_xia的博客
04-01 1万+
在开发中，遇到map去除所有的value值：new Map创建一个map let map=new Map([[1,"one"],[2,"two",[3,"three"]]]);获取所有键值对： console.log("获取key") console.log([...map.keys()]) //输出[1,2,3] console.log("获取value") console.log([...m...
es6对象转数组
baodaotui4761的博客
08-12 991
var obj = { foo: 'bar', baz: 42 }; console.log(Object.keys(obj)) //获取keyconsole.log(Object.values(obj)) //获取value 转载于:https://www.cnblogs.com/quitpoison/p/11341434.html...
es6 字符串转数组
09-01
ES6提供了多种方法来将字符串转换为数组。其中一种方法是使用拓展运算符。拓展运算符可以将字符串的每个字符作为数组的元素展开。例如，可以使用以下代码将字符串转换为数组： ```javascript let str = "hello"; let...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值