首页 > 编程语言 >javascript

javascript

时间:2024-09-25 22:45:32浏览次数:8  
标签:10 const log zk javascript console Du

let const

\(let\) 局部声明

$const $ 全局声明

String Number Boolean null undefined

字符串,数字,布尔值,空值,未定义

console.log(typeof A);  // A 的类型

连接 & 模板字符串

const username = "dzk";
const age = 20;
const hello = `My name is ${username} and I am ${age}`;
console.log(hello);
console.log("My name is " + username + " and I am " + age);

字符串函数

const s = "Hello World!";
const A = "dzk,like,kan,p";
console.log(s.length); // 12
console.log(s.toUpperCase()); // HELLO WORLD!
console.log(s.toLowerCase()); // hello world!
console.log(s.substring(0, 5));// Hello
console.log(s.split(" "));// [ 'Hello', 'World!' ]
console.log(A.split(","));// [ 'dzk', 'like', 'kan', 'p' ]

数组

const fruit = ["apple", "banana", "cherry"];
fruit.push("orange");
console.log(fruit);
console.log(Array.isArray(fruit));// 判断是不是数组
console.log(fruit[0]);
console.log(fruit.indexOf("banana"));// 查询位置
fruit.unshift("kiwi");//前插入
fruit.pop();//出
console.log(fruit);

对象

const Du_zk = {
    age : 20,
    Name : "duzhongkun",
    gender : "male",
    height : 1.76,
    weight : 6,
    bmi : function(){
        return this.weight / (this.height * this.height);
    },
    isFat : function(){
        return this.bmi() > 25;
    },
    hobbies : ["watching", "reading", "table tennis"],
    address : {
        province: "shandong",
        city: "linyi",
    },
};
console.log(Du_zk.bmi());
console.log(Du_zk.isFat());
console.log(Du_zk.hobbies[1]);
console.log(Du_zk.address.city);
Du_zk.email = "[email protected]";
console.log(Du_zk.email);

对象数组

const todos = [
    {
        id: 1,
        text: 'Take out trash',
        isCompleted: false,
    },
    {
        id: 2,
        text: 'Meeting with boss',
        isCompleted: true,
    },
    {
        id: 3,
        text: 'Dentist appointment',
        isCompleted: false,
    },
];

console.log(todos[1].text); // Meeting with boss
const todoJSON = JSON.stringify(todos);// 转化
console.log(todoJSON);
//[{"id":1,"text":"Take out trash","isCompleted":false},{"id":2,"text":"Meeting with boss","isCompleted":true},{"id":3,"text":"Dentist appointment","isCompleted":false}]

JSON

JSON:是一种轻量级的数据交换格式,使用文本表示结构化数据,通常是字符串格式。

JSON:常用于数据传输,如在前后端通信中,API返回的数据通常是JSON格式。

JSON格式通常更易于人类阅读,结构清晰。JSON可以被解析为对象数组。

JSON的数据类型包括字符串、数字、布尔值、数组和对象,不能包含函数或未定义的值。

对象数组:在编程语言中,尤其是JavaScript,表示一组对象的集合,通常是数组的形式。

对象数组:用于存储和操作数据,适合在代码中进行逻辑处理和迭代。

对象数组是编程语言中直接可用的结构,具有更强的可操作性。

对象数组可以包含方法和其他复杂的数据结构。

Free Online JSON Formatter - FreeFormatter.com 形式转换平台

If

//x is 10
//y is not 10
//y is 10

const x = 10;
if(x === 10) {
    console.log("x is 10");
}

const y = "10";
if(y === 10) {
    console.log("y is 10");
}
else{
    console.log("y is not 10");
}

if(y == 10) {
    console.log("y is 10");
}
else{
    console.log("y is not 10");
}

switch

const x = 10;
const color = x > 10 ? "blue" : "red";
switch (color) {
  case "blue":
    console.log("The color is blue");
    break;
  case "red":
    console.log("The color is red");
    break;
  default:
    console.log("The color is neither blue nor red");
};

for while

const Du_zk = {
    age : 20,
    Name : "duzhongkun",
    gender : "male",
    height : 1.76,
    weight : 6,
    bmi : function(){
        return this.weight / (this.height * this.height);
    },
    isFat : function(){
        return this.bmi() > 25;
    },
    hobbies : ["watching", "reading", "table tennis"],
    address : {
        province: "shandong",
        city: "linyi",
    },
};
for(let key in Du_zk){
    console.log(key, Du_zk[key]);
}
let keys = Object.keys(Du_zk);
while(keys.length){
    let key = keys.pop();
    console.log(key, Du_zk[key]);
}
let keyss = Object.keys(Du_zk);
for(let i = 0; i < keyss.length; i++){
    console.log(keyss[i], Du_zk[keyss[i]]);
}

标签:10,const,log,zk,javascript,console,Du
From: https://www.cnblogs.com/Elgina/p/18432468

相关文章

  • javaScript 值的比较
    值的比较值的比较是指判断两个数的大小,返回一个布尔值。  比较运算符列表:   大于>  小于<  大于等于>= 小于等于<= 等于== 严格等于===不进行类型转换不等于!= 严格不等于!==不进行类型转换 字符串比较大小字符串间的比较大小遵循以下规则:1比较字符串首字母的大小。......
  • JavaScript中if嵌套 assert
    在JavaScript中,通常我们不会直接使用assert这个词,因为JavaScript标准库中并没有直接提供assert函数(尽管在一些测试框架如Jest、Mocha中经常看到)。但是,我们可以模拟一个assert函数的行为,即当某个条件不满足时抛出一个错误。结合if语句进行嵌套判断时,可以在每个需要断言的地方调用这......
  • JavaScript中if嵌套assert的方法
    在JavaScript中,通常我们不会直接使用assert这个词,因为JavaScript标准库中并没有直接提供assert函数(尽管在一些测试框架如Jest、Mocha中经常看到)。但是,我们可以模拟一个assert函数的行为,即当某个条件不满足时抛出一个错误。结合if语句进行嵌套判断时,可以在每个需要断言的地方调用这......
  • javascript向数组添加元素
    javascript向数组添加元素,比较常用的是两种方法,一种是向数组后面添加元素,一种是在数组前面添加元素。向数组后面添加元素,一般用push语句,它返回的是添加新元素之后的数组长度。push语法格式是数组名.push('要添加的数组元素')比如有一个数组名字叫arr,要向数组后面添加一个'g......
  • JavaScript 之父联手近万名开发者集体讨伐 Oracle:给 JavaScript 一条活路吧!
    JavaScript之父联手近万名开发者集体讨伐Oracle:给JavaScript一条活路吧!投递人 itwriter 发布于 2024-09-2401:08 评论(6) 有1528人阅读 原文链接 [收藏] « »近日,据外媒消息,JavaScript杰出人士和至少9000名其他相关方签署了一封联名信,再次要求Oracle......
  • ECMAScript与JavaScript的区别
    在现代Web开发中,JavaScript是一种不可或缺的语言,而ECMAScript则是JavaScript的标准化版本。理解二者之间的差异,有助于前端开发者更好地编写高效、可维护的代码。本指南将深入探讨ECMAScript与JavaScript的区别,并通过实际案例演示如何在实际开发中应用这些知识。2.ECMAScript......
  • JavaScript (JS)与TypeScript (TS)------讲清楚二者的区别与联系 + 市场主流趋势
    在前端开发中,JavaScript(JS)和TypeScript(TS)都是非常流行的编程语言,它们各自有其优势和适用场景。下面是关于两者的一些对比以及当前的主流趋势:JavaScript(JS)简介:JavaScript是一种广泛使用的脚本语言,主要用于网页上的交互效果。它是一种动态类型、弱类型的语言,语......
  • javascript是什么语言?它是干什么的?
    javascript简称“js”是浏览器端的脚本语言,是用来处理网页客户端与用户的交互的一种行为,以及实现页面特效。它是一种高级、直译式、解释型语言,是一种基本的原型、函数先行语言,它支持面向对象编程、命令式编程、以及函数式编程。 要知道javascript是干什么的,我们首先要......
  • 提升前端性能的JavaScript技巧
    背景最近在开发一个全新的Web应用时,我遭遇了一个让人抓狂的问题:页面的加载速度实在是太慢了,用户点击按钮后需要等上几秒才会有反应。作为一个对用户体验有着极高要求的开发者,我怎么能忍受这种情况?于是,我决心彻底优化应用的性能。经过一番钻研和实践,我总结出了一些提升前端性能的Jav......
  • JavaScript数据类型转换 布尔类型转换
    布尔类型转换布尔类型只有两个值:true和false。任何直观上为空的都被转换为false,其他的转换为true。显示转换为布尔类型时,使用Boolean(Value)函数。布尔类型转换规则类型类型转换后0false“0”true“”或者‘’true“”或者‘’即空字符串falsenullfalseundefinedfalseNaNfal......