es6新增方法

文章目录

  • 案例
    • demo1
    • demo2

案例

demo1

<script>
			// 1、常量
			const str='111'
			
			// 2、块级元素
			if(true){
				let num=3;	
				console.log(num);
			}
			
			// 3、反引号
			var name='张三';
			var age=34;
			var sex="男";
			// var obj="我的名字是"+name+",我今年"+age+"岁,我是"+sex+"生"
			// var obj=`我的名字是${name},我今年${age}岁,我是${sex}`;
			var obj=`
				<p>我的名字是${name}</p>
				我今年${age}岁,我是${sex}`;
				
			// 4、解构
			var arr={111,222,333,444};
			{a,b}=arr;
			{a,b,,c}=arr;
			console.log(a,b);
			console.log(a,b,c);	// 111,222,444
			// 对象解构
			var data={
				name:"王五",
				age:30,
				sex:"男",
				job:"前端开发"
			}
			var {name,job}=data;
			console.log(name,job);	
			
			// 5、箭头函数
			var obj={
				name:"王五",
				//01
				fun:function(){
					console.log(name+"first");
				},
				//02
				fun2(){
					console.log("second");
				},
				fun4(){
					setTimeout(()=>{
						console.log(name+"箭头函数");
					})
				}
			}
			obj.fun2();
			//03
			function fun3(){
				
			}
</script>

demo2

<script>
			// 1、遍历集合
			var arr={111,222,333,444};
			// 01
			for(var i=0;i<arr.length;i++){
				arr[i]=arr[i]+" ";
			}
			
			// 02
			var arr2=[]
			arr.forEach((item,idx)=>{
				console.log("值"+item);
				console.log("索引"+idx);
				arr2.push(item);
			})
			
			// 03
			var newArr=arr.map((item)=>{
				return item;
			})
			console.log(newArr);
			
			// 连接两个数组
			// 01
			arr.concat(arr2);
			console.log(arr);
			
			// 02 展开字符
			var arr3=[...arr,...arr2];
			console.log(arr3);
</script>

你可能感兴趣的:(JavaScript)