Como começar rapidamente com VUE3.0: Entre no aprendizado
Recomendações relacionadas: Tutorial de JavaScript
tarefa Tarefa para este nível: Pratique a definição de objetos JSON em JavaScript.
Os requisitos específicos são os seguintes:
definir um objeto JSON JSONObject, que possui três atributos: key1, key2 e key3, cujos valores são os parâmetros a, b e c respectivamente,
excluir o atributo denominado key3
, percorrer
todos os atributos restantes retornam uma string formada pela concatenação dos valores de cada atributo, separados por , no meio.
Como o JSON é usado para transmitir dados, o armazenamento dos dados requer um determinado formato de dados comumente usado . os formatos de dados para JSON incluem objetos JSON, matriz JSON e string JSON.
Um objeto JSON (comumente chamado JSON) é um formato de troca文本数据usado para armazenar e transmitir dados. Um exemplo é o seguinte:
{"name":"Jerry", "age":15} Este é um objeto json simples. Suas regras são:
键/值对;JSON é baseado na sintaxe JavaScript, portanto também existe o conceito de objetos em JSON, mas existem algumas pequenas diferenças em relação aos objetos em JavaScript.
var myObject = {
identificação:1,
nome:"Peter Bruce",
"primeiro nome":"Bruce",
exibição:função() {
console.log(este.nome);
}} {"id":1,"name":"Peter Bruce","first name":"Bruce"} (1) O nome do atributo (chave) do objeto JSON deve ser colocado entre aspas duplas , enquanto o objeto JavaScript é arbitrário, exceto que o nome do atributo com espaços e o nome do atributo com um hífen no meio devem ser colocados entre aspas duplas;
(2) Os métodos não podem ser definidos em objetos JSON , mas podem ser definidos em JavaScript对象;
(3) Os objetos JSON podem ser operados por muitas linguagens, enquanto os objetos JavaScript só podem ser reconhecidos pelo próprio JS .
delimitado por um {} Dentro estão pares de valores-chave compostos de vários nomes e valores de atributos. Os pares de valores-chave são separados por, e os nomes e valores dos atributos. são separados por : atributo. O valor pode ser qualquer um dos seguintes tipos de dados: número, string, matriz JSON, objeto JSON, nulo. Por exemplo:
{"a":1,"b":2.12,"c":true,"d":"string","e":null}; A situação em que o valor do atributo é uma matriz JSON ou um objeto JSON
;é um pouco mais complicado. Os níveis serão introduzidos.
Qualquer linguagem que suporte JSON pode usar objetos JSON. Aqui apresentamos apenas como usar objetos JSON em JavaScript.
var jsonObject = {"name":"js","number":2} [] .console.log(jsonObject.name); //Lê atributos e gera saída jsconsole.log(jsonObject["name"]); //Leia as propriedades e produza jsjsonObject.name = "javascript"; //Escreva atributos, atribua um valor ao atributo name e use javascript
var jsonObject = {"name":"js","number":2};
exclua jsonObject.nome;
//Exclua o atributo name var jsonObject = {"name":"js","number":2};for(att in jsonObject) {
console.log(jsonObject[att]);
//Saída js, 2} function mainJs(a,b,c) {
//Por favor, escreva o código aqui /********** Begin **********/
var JSONObject = {"key1":a,"key2":b,"key3":c};
exclua JSONObject.key3;
retornar a+","+b;
/********** End ************/} 2. Esta tarefa de nível: Definir e manipular os valores em pares de valores-chave JSON.
Os requisitos específicos são os seguintes:
:
{"country":"China","population":"1.3billion. ","bigCity":[ "Peking", "Shanghai", "ShenZhen", "HongKong"]} atributo bigCity tem vários valores, que são colocados em uma matriz.
No exemplo acima, cada elemento do array é uma string. Na verdade, cada elemento do array também pode ser outro objeto json . Por exemplo:
{"class":"Grade 3 Class 1","studentNumber":70,"score":[
{"nome":"LiMing","pontuação":128},
{"nome":"ZhangHua","pontuação":134},
{"name":"ShenLu","score":112}]} O valor do atributo score acima é uma matriz e cada elemento dessa matriz é um objeto json.
var myJson = {"country":"China","population":"1.3billion","bigCity":["Peking","Shanghai","ShenZhen","HongKong "] }console.log(myJson.bigCity[1]);
//Imprimir ShanghaimyJson.bigCity[0] = "GuangZhou";
//O primeiro elemento recebe o valor GuangZhou var myJson = {"country":"China","population":"1.3billion","bigCity":["Peking","Shanghai","ShenZhen", "Hong Kong"]}for(var i = 0;i < myJson.bigCity.length;i++) {
console.log(myJson.bigCity[i]);//Saída de de Pequim, Xangai, ShenZhen, HongKong}em sequência
[O primeiro método foi escrito mais tarde, e o segundo método abaixo foi usado no início, porque naquela época Se não conseguir, só quero gerar diretamente]
var myJson = {
"categoria":"computador",
"detalhe":"programação",
"linguagem":[
"js","java","php","python","c"
]}função mainJs(a) {
uma = parseInt(a);
//Por favor, escreva o código aqui /********** Begin **********/
var b = "";
for(var i=0;i<a;i++){
b = b+meuJson.idioma[i]+",";
}
retornar b.slice(0,-1);
/********** End **********/} var meuJson = {
"categoria":"computador",
"detalhe":"programação",
"linguagem":[
"js","java","php","python","c"
]}função mainJs(a) {
uma = parseInt(a);
//Por favor, escreva o código aqui /********** Begin **********/
se(a==1){
retornar meuJson.idioma[0];
}
se(a==2){
return meuJson.idioma[0]+","+meuJson.idioma[1];
}
se(a==3){
return meuJson.idioma[0]+","+meuJson.idioma[1]+","+meuJson.idioma[2];
}
se(a==4){
return meuJson.idioma[0]+","+meuJson.idioma[1]+","+meuJson.idioma[2]+","+meuJson.idioma[3];
}
se(a==5){
return meuJson.idioma[0]+","+meuJson.idioma[1]+","+meuJson.idioma[2]+","+meuJson.idioma[3]+","+meuJson.idioma[4 ];
}
/********** End ************/} 3. Tarefa: Pratique a conversão de strings JSON e objetos JavaScript entre si.
Os requisitos específicos são os seguintes:
para o front-end JSON pode ser usado para transferir dados de e para o segundo plano, mas o que realmente é transferido é uma string JSON e os objetos JSON não podem ser transferidos diretamente.
JSON é uma string formada colocando ' em ambos os lados do objeto JSON, como:
var JSONObject = {"k1":"v1","k2":"v2"};
//objeto JSON var JSONString1 = '{"k1":"v1","k2":"v2"}';
// JSONSring1 acima da string JSON é a string JSON, que pode ser passada diretamente do front-end para o back-end ou do back-end para o front-end.
Quando o JavaScript recebe a string JSON transmitida em segundo plano, como transformá-la em um objeto JSON para facilitar o processamento?
JSON.parse(a,b) converte a string JSON a em um objeto JavaScript. b é um parâmetro de função opcional.
var JSONString1 = '{"k1":"v1","k2":"v2"}';console.log(JSON.parse(JSONString1));
//Objeto de saída {k1: "v1", k2: "v2"} O parâmetro de função b atua em todas as propriedades do objeto em ordem从里到外, e a última atua no próprio objeto:
//Cada propriedade do objeto Adicione 1 ao valor var text = '{ "key1":1, "key2":2, "key3":2.2}';var obj = JSON.parse(text, function (key, value) {
if(key === '')//Ao encontrar o próprio objeto, retorne o valor sem adicionar 1;
return value+1;//Adiciona 1 ao valor do atributo});console.log(obj);
//Objeto de saída {key1: 2, key2: 3, key3: 3.2} Conforme mostrado acima, a função possui dois parâmetros, onde key representa o nome do atributo e value representa o valor do próprio objeto. key O valor é '' , que é uma string vazia.
JSON.stringify(a,b,c) , a é o objeto JSON a ser convertido, b e c são parâmetros opcionais.
var JSONObject = {"k1":"v1","k2":"v2"};
JSON.stringify(JSONObject);
//Converter objeto JSON em string JSON . Quando o parâmetro b é uma função, a função processa cada atributo do objeto JSON em ordem de dentro para fora. em uma string JSON. ：
//Adicione 1 a todos os valores de atributos do objeto e, em seguida, converta-os em strings var JSONObject = {"k1":1,"k2":2.2};var JSONString = JSON.stringify( JSONObject,função(k,v){
if(k === '')//O próprio objeto JSON é processado return v;
return v+1;//Adiciona 1 ao valor de todos os atributos});console.log(JSONString);
//Saída {"k1":2,"k2":3.2} O parâmetro b também pode ser um array O array armazena o nome do atributo e é usado para especificar quais atributos serão convertidos apenas:
//Converta atributos específicos no. objeto var JSONObject = {"k1":1,"k2":2.2,"k3":3};var JSONString = JSON.stringify(JSONObject,["k1","k2"]);console.log(JSONString) ;
//Saída {"k1":1,"k2":2.2} Aqui está uma breve introdução a c:
var str = ["name":"Tom","age":16];var obj1 = JSON.stringify( str) ;
var obj2 = JSON.stringify(str,null,4);console.log(obj1);
//Saída {"name":"Tom","age":16}console.log(obj2);
//saída//{
// "nome": "Tom",
// "idade": 16
//}Parâmetro c: adicione recuo, espaços e novas linhas ao texto . Se c for um número, o texto do valor de retorno será recuado pelo número especificado de espaços em cada nível. Se c for maior que 10, o texto será recuado em 10 espaços.
var JSONString = '{"key1":"value1","key2":"value2"}';function mainJs(a) {
//Por favor, escreva o código aqui /********** Begin **********/
var JSONObject = JSON.parse(JSONString);
JSONObject["chave1"] = a;
JSONObject.key1 = a;
retornar JSON.stringify(JSONObject);
/********** End ************/} Recomendações relacionadas: Tutorial de aprendizado de JavaScript
O texto acima é o conteúdo detalhado de JSON (compartilhamento de resumo) para aprendizado e compreensão de JavaScript. Para mais informações, preste atenção em php Outros artigos relacionados no site chinês!
